整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
包：是指有权访问另外一个函数作用域中的变量的函数.JavaScript创建闭包的常见方式就是在一个函数内部创建另外一个函数.
JavaScript的闭包类似于Java类中使用get/set方法操作类的私有变量,JavaScript闭包是函数的嵌套,内部的函数可以操作上一层的变量属性,同时此函数可以被外部所调用.
在javascript中没有块级作用域，一般为了给某个函数申明一些只有该函数才能使用的局部变量时，我们就会用到闭包，这样我们可以很大程度上减少全局作用域中的变量，净化全局作用域。闭包是一种设计原则，它通过分析上下文，来简化用户的调用，让用户在不知晓的情况下，达到他的目的。使用闭包有好处，也有坏处，滥用闭包会造成内存的大量消耗。
代码示例
代码1:
function foo(x) {
var tmp=3;
return function (y) {
alert(x + y + (++tmp));
}
}
var bar=foo(2); // bar 现在是一个闭包
bar(10);
代码2:
var add=(function () {
var counter=0;
return function () {return counter +=1;}
})();
add();
add();
add();
// 计数器为 3
代码3:
var App=function() {
var isRTL=false;
var isIE8=false;
var isIE9=false;
var isIE10=false;
return {
init: function() {},
initAjax: function() {}
}
}();
jQuery(document).ready(function() {
App.init(); // init
});
apply()方法和call()方法
每个函数都包含两个非继承而来的方法：apply()和call()。
它们的用途相同，都是在特定的作用域中调用函数。
接收参数方面不同，apply()接收两个参数，一个是函数运行的作用域(this)，另一个是参数数组。call()方法第一个参数与apply()方法相同，但传递给函数的参数必须列举出来。
代码示例
代码1：
function sum(num1, num2) {
return num1 + num2;
}
console.log(sum.call(window, 10, 10)); //20
console.log(sum.apply(window,[10,20])); //30
代码2:
window.firstName="diz";
window.lastName="song";
var myObject={ firstName: "my", lastName: "Object" };
function HelloName() {
console.log("Hello " + this.firstName + " " + this.lastName, " glad to meet you!");
}
HelloName.call(window); //或 .call(this);
HelloName.call(myObject);
运行结果为：
Hello diz song glad to meet you!
Hello my Object glad to meet you!
从示例中可以看出apply()和call()能够扩充函数赖以运行的作用域
方法的覆盖和重写
JavaScript中没有方法的重载这种概念,只有覆盖,不管方法的参数个数多少,同名的最后一个方法会将前面的方法覆盖掉.
<script type="text/javascript">
function sayHello() {
console.log("Hello----1");
}
function sayHello() {
console.log("Hello----2");
}
function sayHello() {
console.log("Hello----3");
}
sayHello();
</script>
如果要实现重载,可采用此种方法
<script type="text/javascript">
function sayHi() {
if (arguments.length==1) {
console.log(arguments[0] + "sayHi---1");
} else if (arguments.length==2) {
console.log(arguments[0] + "," + arguments[1] + "sayHi---2");
} else if (arguments.length==3) {
console.log(arguments[0] + "," + arguments[1]+","+arguments[2] + "sayHi---3");
}
}
sayHi("Tom");
sayHi("Tom", "lucy");
sayHi("Tom","lucy","jame");
</script>
回调函数
回调函数示例
<script language="javascript" type="text/javascript">
// 2.传入要回调的方法名
function main(callBack) {
console.log("I am main function");
console.log("Invoke callback function..");
// 3.参数名称和此处的方法名称对应
callBack();
}
function b() {
console.log("function:b");
}
function c() {
console.log("function:c");
}
// 1.要回调的函数作为参数
main(b);
main(c);
</script>
protocol 属性
定义和用法
protocol 属性是一个可读可写的字符串，可设置或返回当前 URL 的协议。
图示
代码示例
<script type="text/javascript">
document.write(location.protocol);
</script>
输出：
http:
两个等号和三个等号的区别
===规则:
如果类型不同，就[不相等]
如果两个都是数值，并且是同一个值，那么[相等]；(！例外)的是，如果其中至少一个是NaN，那么[不相等]。（判断一个值是否是NaN，只能用isNaN()来判断）
如果两个都是字符串，每个位置的字符都一样，那么[相等]；否则[不相等]。
如果两个值都是true，或者都是false，那么[相等]。
如果两个值都引用同一个对象或函数，那么[相等]；否则[不相等]。
如果两个值都是null，或者都是undefined，那么[相等]。
==规则:
如果两个值类型相同，进行===比较。
如果两个值类型不同，他们可能相等。根据下面规则进行类型转换再比较：
a. 如果一个是null. 一个是undefined，那么[相等]。
b. 如果一个是字符串，一个是数值，把字符串转换成数值再进行比较。
c. 如果任一值是 true，把它转换成 1 再比较；如果任一值是 false，把它转换成 0 再比较。
d. 如果一个是对象，另一个是数值或字符串，把对象转换成基础类型的值再比较。对象转换成基础类型，利用它的toString或者valueOf方法。 js核心内置类，会尝试valueOf先于toString；例外的是Date，Date利用的是toString转换。非js核心的对象，令说（比较麻 烦，我也不大懂）
e. 任何其他组合，都[不相等]。
其他琐碎
1. window.parent和window.opener
window.parent针对frame
window.opener针对的是打开子窗口的父窗口
可操作响应页面的属性和调用相关方法
2. instanceof 运算符
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。
判断是否为数组
if(dataList instanceof Array){}console.log(Object instanceof Object);//true
console.log(Function instanceof Function);//true
console.log(Number instanceof Number);//false
console.log(String instanceof String);//false
console.log(Function instanceof Object);//true
console.log(Foo instanceof Function);//true
console.log(Foo instanceof Foo);//false
3. 判断是否为空对象
function isEmptyObject(obj) { for (var key in obj) { return false; } return true;}
TML即一切，所有打算进行Web编程的人都应该熟悉HTML，并了解如何解析HTML。尤其对前端工程师来说这更是基础，本文我们就来介绍一下JS下常见的HTML解析库。
JavaScript和jQuery的DOM操作功能非常适合简单HTML片段的解析。在实际编程中，如果要以编程方式解析DOM完整HTML或XML，则需要一个更好的解决方案，那就是DOMParser，它是所有现代数浏览器都支持的功能。
通过使用DOMParser，可以轻松解析HTML文档。但是，一般需要通过欺骗浏览器来实现解析，比如，通过向当前文档添加新元素。
DOMParser的用法非常简单明了：
let domParser=new DOMParser();
let doc=domParser.parseFromString(stringContainingXMLSource, "application/xml");
domParser=new DOMParser();
doc=domParser.parseFromString(stringContainingSVGSource, "image/svg+xml");
domParser=new DOMParser();
doc=domParser.parseFromString(stringContainingHTMLSource, "text/html");专为服务器设计的核心jQuery的快速，灵活和精致的实现。
Cheerio看起来像jQuery，但是不支持浏览器。Cheerio可以解析HTML并使其易于操作，但不会像浏览器中那样解释HTML，解析出与浏览器不同的内容，并且解析的结果不会直接发送给用户。
Cheerio实现了jQuery子集，去掉了jQuery中所有与DOM不一致或者是用来填补浏览器的东西，重现了jQuery最美妙的API
由于使用了极其简洁而又标准的DOM模型， Cheerio对文档的转换，操作，渲染都极其的高效。
JavaScript开发人员都应该熟悉Cheerio的语法和用法：
var chro=require('cheerio'),
$=chio.load('<h1 class="title">Hello World!</h1>');
$('h1.title').text('Hello Chongchong!');
$('h1').attr('id', 'welcome');
$.html();
结果：
<h1 class="title" id=" welcome ">Hello Chongchong!</h1>jsdom是很多Web标准（尤其是WHATWG DOM和 HTML 标准）纯JavaScript实现，可与Node.js结合使用。jsdom项目的目标是模拟Web浏览器的子集，从而满足测试和抓取实际的Web应用程序。
jsdom不仅仅是HTML解析器，它还可以当成浏览器。在解析的上下文中，如果要解析的数据中省略了必要的标记，它会自动添加必要的标记。例如，如果没有html标签，它将像浏览器一样隐式地添加它。
还可以选择指定一些属性，例如文档，引荐来源网址或用户代理的URL。如果需要解析包含本地URL的链接，则该URL特别有用。
由于它实际上与解析无关，因此只提到jsdom具有（虚拟）控制台，对cookie的支持等。总之，需要模拟浏览器环境
它还可以处理外部资源。如有需求jsdom可以用来加载并执行JS脚本。
const jsdom=require("jsdom");
const { JSDOM }=jsdom;
const dom=new JSDOM('<!DOCTYPE html><p>Hello, Chongchong!</p>');
console.log(dom.window.document.querySelector("p").textContent);结果：
"Hello, Chongchong!"parse5
parse5提供了处理HTML时所需的几乎所有内容。Parse5库，目标是构建其他工具，但也可以实现HTML解析以完成简单任务。Parse5易于使用，但是并不提供浏览器为提供的操作DOM的方法（例如getElementById）。
parse5衍生出了一系列采用它的令人印象深刻的项目：jsdom，Angular2和Polymer。如果需求为对HTML的高级操作或解析的可靠基础，那么显然这是一个不错的选择。
const parse5=require('parse5');
const document=parse5.parse('<!DOCTYPE html><html><head></head><body>Hello Chongchong!</body></html>');
console.log(document.childNodes[1].tagName);
本文我们介绍几个JS下常见的Html解析库。根据标准，实际的HTML格式语法格式是需要容错的。当时这在库很难简单完美的实现。如果你有更好的推荐，欢迎和大家一起分享。
1、jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易
1、text() - 设置或返回所选元素的文本内容
2、html() - 设置或返回所选元素的内容（包括 HTML 标记）
3、val() - 设置或返回表单字段的值
4、获取属性
1、text() - 设置或返回所选元素的文本内容
2、html() - 设置或返回所选元素的内容（包括 HTML 标记）
3、val() - 设置或返回表单字段的值
1、通过 jQuery，可以很容易地添加新元素/内容
2、append() - 在被选元素的结尾插入内容
3、prepend() - 在被选元素的开头插入内容
4、after() - 在被选元素之后插入内容
5、before() - 在被选元素之前插入内容
1、通过 jQuery，可以很容易地删除已有的 HTML 元素
2、remove() - 删除被选元素（及其子元素）
3、empty() - 从被选元素中删除子元素
*请认真填写需求信息，我们会在24小时内与您取得联系。
