2021-08-09

JS知识点

JS的四种输出方式：

• 使用 window.alert() 弹出警告框。
• 使用 document.write() 方法将内容写到 HTML 文档中。
• 使用 innerHTML 写入到 HTML 元素。
• 使用 console.log() 写入到浏览器的控制台。

 JS数据类型：

在 JavaScript 中有 6 种不同的数据类型：

• string
• number
• boolean
• object
• function
• symbol

3 种对象类型：

• Object
• Date
• Array

2 个不包含任何值的数据类型：

• null
• undefined

 

this 的多种指向:

•  1、在对象方法中， this 指向调用它所在方法的对象。
•  2、单独使用 this，它指向全局(Global)对象。
•  3、函数使用中，this 指向函数的所属者。
•  4、严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。
•  5、在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。
•  6、apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。

let、var和const：

使用var关键字声明的全局作用域变量属于window对象。

使用let关键字声明的全局作用域变量不属于window对象。

使用var关键字声明的变量在任何地方都可以修改。

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

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

let关键字在不同作用域，或不用块级作用域中是可以重新声明赋值的。

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

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

const 关键字在不同作用域，或不同块级作用域中是可以重新声明赋值的:

var关键字定义的变量可以先使用后声明。

let关键字定义的变量需要先声明再使用。

const关键字定义的常量，声明时必须进行初始化，且初始化后不可再修改。 

JS函数调用的四种方式 

 1、作为一个函数调用

        function myFunction(a, b) { return a * b; } myFunction(10, 2); // myFunction(10, 2) 返回 20 

以上函数不属于任何对象。但是在 JavaScript 中它始终是默认的全局对象。

在 HTML 中默认的全局对象是 HTML 页面本身，所以函数是属于 HTML 页面。

在浏览器中的页面对象是浏览器窗口(window 对象)。以上函数会自动变为 window 对象的函数。

2、函数作为方法调用

        在 JavaScript 中你可以将函数定义为对象的方法。

        以下实例创建了一个对象 (myObject), 对象有两个属性 (firstName 和 lastName), 及一个方法 (fullName):

var myObject = {

firstName:"John",

lastName: "Doe",

fullName: function () {

return this.firstName + " " + this.lastName; }

}

myObject.fullName(); // 返回 "John Doe"

3、使用构造函数调用函数 

        如果函数调用前使用了 new 关键字, 则是调用了构造函数。 

// 构造函数:

function myFunction(arg1, arg2) {

this.firstName = arg1; this.lastName = arg2; }

// This creates a new object

var x = new myFunction("John","Doe"); x.firstName; // 返回 "John" 

        构造函数的调用会创建一个新的对象。新对象会继承构造函数的属性和方法。 

4、 作为函数方法调用函数

JS中的对象 

        JavaScript 中的所有事物都是对象：字符串、数值、数组、函数等等。 对象只是带有属性和方法的特殊数据类型。