js学习（四）

一、typeof 操作符，null, undefinde

1、 typeof 操作符来检测变量的数据类型。

typeof "John" ???????????????// 返回 string typeof 3.14 ?????????????????// 返回 numbertypeof false ????????????????// 返回 booleantypeof [1,2,3,4] ????????????// 返回 objecttypeof {name:‘John‘, age:34} // 返回 object

在JavaScript中，数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。

2、在 JavaScript 中 null 表示 "什么都没有"。null是一个只有一个值的特殊类型。表示一个空对象引用。

var person = null; ??????????// 值为 null(空), 但类型为对象，用 typeof 检测 null 返回是object。

3、undefined在 JavaScript 中, undefined 是一个没有设置值的变量。typeof 一个没有值的变量会返回 undefined。　

var person; ?????????????????// 值为 undefined(空), 类型是undefined

区别：

typeof undefined ????????????// undefinedtypeof null ?????????????????// objectnull === undefined ??????????// falsenull == undefined ???????????// true

二、JavaScript 数据类型

1、在 JavaScript 中有 5 种不同的数据类型：String、number、boolean、function、object

2、3 种对象类型：Object 、 Date、Array

• 数组(Array)的数据类型是 object
• 日期(Date)的数据类型为 object

3、2 个不包含任何值的数据类型：null、undefined

4、constructor 属性 : constructor 属性返回所有 JavaScript 变量的构造函数。

"John".constructor ????????????????// 返回函数 String() ?{ [native code] }

四、JavaScript 类型转换

JavaScript 变量可以转换为新变量或其他数据类型：

• 通过使用 JavaScript 函数 ： Number() 转换为数字， String() 转换为字符串， Boolean() 转化为布尔值。
• 通过 JavaScript 自身自动转换：当 JavaScript 尝试操作一个 "错误" 的数据类型时，会自动转换为 "正确" 的数据类型。

Number("3.14") ???// 返回 3.14Number(" ") ??????// 返回 0Number(false) ????// 返回 0String(123) ??????// 将数字 123 转换为字符串并返回

5 + null ???// 返回 5 ????????null 转换为 0"5" + null ?// 返回"5null" ??null 转换为 "null"

五、JavaScript 正则表达式

1、正则表达式（英语：Regular Expression，在代码中常简写为regex、regexp或RE）使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。

　  搜索模式可用于文本搜索和文本替换。

2、语法：/正则表达式主体/修饰符(可选)

3、使用字符串方法

　　search() 方法 用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串，并返回子串的起始位置。

　　replace() 方法 用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。

var str = "Visit Runoob!"; var n = str.search(/Runoob/i);
//Runoob是正则表达式主体 ??i为修饰符

输出结果：6

//使用正则表达式且不区分大小写将字符串中的 Microsoft 替换为 Runoob 

<p id="demo">请访问 Microsoft!</p>

var str = document.getElementById("demo").innerHTML; var txt = str.replace(/microsoft/i,"Runoob");

输出结果：请访问 Runoob!

4、修饰符

5、test() : 检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

//搜索字符串中的字符 "e"：var patt = /e/;patt.test("The best things in life are free!");

/e/.test("The best things in life are free!"); //前两句可以合成一句

输出结果为：true true

6、exec() 方法用于检索字符串中的正则表达式的匹配。

　 该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

/e/.exec("The best things in life are free!");

输出结果：e

六、调试（F12）

1、console.log() 方法 ：控制台输出

 　设置断点

　　在调试窗口中，你可以设置 JavaScript 代码的断点。

　　在每个断点上，都会停止执行 JavaScript 代码，以便于我们检查 JavaScript 变量的值。

　　在检查完毕后，可以重新执行代码（如播放按钮）。

2、debugger 关键字

 　debugger 关键字用于停止执行 JavaScript，并调用调试函数。

　 这个关键字与在调试工具中设置断点的效果是一样的。如果没有调试可用，debugger 语句将无法工作。

　 开启 debugger ，代码在第三行前停止执行。

var x = 15 * 5;debugger;document.getElementbyId("demo").innerHTML = x;

七、JavaScript 变量提升

1、JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。

2、JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。

　 对于大多数程序员来说并不知道 JavaScript 变量提升。如果程序员不能很好的理解变量提升，他们写的程序就容易出现一些问题。

3、为了避免这些问题，通常我们在每个作用域开始前声明这些变量，这也是正常的 JavaScript 解析步骤，易于我们理解。

八、JavaScript 严格模式(use strict)：即在严格的条件下运行

1、使用 "use strict" 指令 ：只允许出现在脚本或函数的开头

　　（1）严格模式下不能使用未声明的变量。

　　（2）不允许删除变量或对象。不允许删除函数。不允许变量重名；不允许使用八进制:不允许使用转义字符......

"use strict"; x = 3.14; ??????// 报错 (x 未定义)

  "严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。

九、JavaScript this 关键字

1、面向对象语言中 this 表示当前对象的一个引用。

2、但在 JavaScript 中 this 不是固定不变的，它会随着执行环境的改变而改变。

• 在对象方法中，this 表示该方法所属的对象。
• 如果单独使用，this 表示全局对象。
• 在函数中，this 表示全局对象。
• 在函数中，在严格模式下，this 是未定义的(undefined)。
• 在事件中，this 表示接收事件的元素。
• 类似 call() 和 apply() 方法可以将 this 引用到任何对象。

十、JavaScript的 let 和 const

var i = 5;for (var i = 0; i < 10; i++) { ???// 一些代码...}// 这里输出 i 为 10

let i = 5;for (let i = 0; i < 10; i++) { ???// 一些代码...}// 这里输出 i 为 5

1、从例子可以看出：

在第一个实例中，使用了 var 关键字，它声明的变量是全局的，包括循环体内与循环体外。

在第二个实例中，使用 let 关键字， 它声明的变量作用域只在循环体内，循环体外的变量不受影响。

const PI = 3.141592653589793;PI = 3.14; ?????// 报错PI = PI + 10; ??// 报错

2、const 用于声明一个或多个常量，声明时必须进行初始化，且初始化后值不可再修改；

　  const 的本质: const 定义的变量并非常量，并非不可变，它定义了一个常量引用一个值。使用 const 定义的对象或者数组，其实是可变的。但是我们不能对常量对象重新赋值：

// 创建常量对象const car = {type:"Fiat", model:"500", color:"white"}; // 修改属性:car.color = "red"; // 添加属性car.owner = "Johnson";const car = {type:"Fiat", model:"500", color:"white"};car = {type:"Volvo", model:"EX60", color:"red"}; ???// 错误

3、在相同的作用域或块级作用域中，不能使用 const 关键字来重置 var 和 let关键字声明的变量:

　  在相同的作用域或块级作用域中，不能使用 const 关键字来重置 const 关键字声明的变量:

var x = 2; ???// ?合法var x = 3; ???// ?合法x = 4; ???????// ?合法var x = 2; ????????// 合法const x = 2; ??????// 不合法{ ???let x = 2; ????// 合法 ???const x = 2; ??// 不合法}

const x = 2; ??????// 合法const x = 3; ??????// 不合法

十一、JavaScript JSON

1、什么是 JSON?

• JSON 英文全称 JavaScript Object Notation。
• JSON 是一种轻量级的数据交换格式。
• JSON是独立的语言 。
  
• JSON 易于理解。

2、JSON 是用于存储和传输数据的格式。JSON 通常用于服务端向网页传递数据 。

3、JSON 语法规则

• 数据为 键/值 对。
• 数据由逗号分隔。
• 大括号保存对象
• 方括号保存数组

• {"name":"Runoob", "url":"www.runoob.com"}

4、JSON 格式在语法上与创建 JavaScript 对象代码是相同的。所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

　  怎么转化：通常我们从服务器中读取 JSON 数据，并在网页中显示数据。然后，使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象:　  

var text = ‘{ "sites" : [‘ + ???‘{ "name":"Runoob" , "url":"www.runoob.com" },‘ + ???‘{ "name":"Google" , "url":"www.google.com" },‘ + ???‘{ "name":"Taobao" , "url":"www.taobao.com" } ]}‘; ???obj = JSON.parse(text);document.getElementById("demo").innerHTML = obj.sites[1].name + " " + obj.sites[1].url;

原文：https://www.runoob.com/js/js-conventions.html

js学习（四）

原文地址：https://www.cnblogs.com/dongtian-blogs/p/10802579.html