各场景下的this

this的意思：百度翻译为：这、这么、本

在JavaScript中，表示当前对象的引用关键字，没有特殊含义。

在一个方法中，this表示该方法所属的对象。

如果单独使用，this表示全局对象。

在函数中，this表示全局对象。如果为严格模式，this为undefined。

在事件中，this表示接受事务的对象。

例：

 1 <!DOCTYPE html>

 2 <html>

 3     <head>

 4         <meta charset="utf-8">

 5         <title>JavaScript之this关键字</title>

 6     </head>

 7     <body>

 8         <h1>javascript <b>this</b>关键字</h1>

 9         <p id="demo"></p>

10         <script>

11             // 创建对象

12             var person={

13                 firstName: "John",

14                 lastName: "Doe",

15                 id: "1112",

16                 fullName:function (){

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

18                 }

19             }

20             // 回显对象数据

21             document.getElementById("demo").innerHTML=person.fullName();

22         </script>

23     </body>

24 </html>

注意：在对象中的方法名格式为方法名：function(){

一些代码

}

let关键字

let声明的变量只在其所在代码块中生效。

const声明一个只读变量，一但声明，变量值就不能改变。

全局变量：

在函数外声明的变量都是全局变量，全局变量在JavaScript程序的任何地方都可以访问。

1 var carName = "Volovo"

2 //这里声明全局变量，并可以访问

3 function myFunction(){

4 //这里也可以访问全局变量

5

6 }

局部变量：

在函数内部声明的变量只能在函数内部访问。

// 这里不能使用 carName 变量

function myFunction() {

    var carName = "Volvo";

    // 这里可以使用 carName 变量

}

// 这里不能使用 carName 变量

注：函数内使用var声明的变量则是局部变量，只能在函数内访问，不适用var声明的则是全局变量。

let声明的变量只能在let代码块所在的{}中有效，在{}外不能访问。

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

1 var x = 2;       // 合法

2 let x = 3;       // 不合法

3

4 {

5     var x = 4;   // 合法

6     let x = 5   // 不合法

7 }

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

1 let x = 2;       // 合法

2 let x = 3;       // 不合法

3

4 {

5     let x = 4;   // 合法

6     let x = 5;   // 不合法

7 }

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

1 let x = 2;       // 合法

2

3 {

4     let x = 3;   // 合法

5 }

6

7 {

8     let x = 4;   // 合法

9 }

const关键字

constant：常数

const用于声明一个或者多个常量，声明时必须进行初始化，且初始化后不能修改。

1 const PI = 3.141592653589793;

2 PI = 3.14;      // 报错

3 PI = PI + 10;   // 报错

const关键字和let类似，都是块级作用域，都不能在相同的作用域的其他变量或函数同名、

不同点：const声明的常量必须初始化，let声明的变量不用；

const常量值不能通过再赋值修改，也不能再次声明，let声明的变量可以修改。

1 // 错误写法

2 const PI;

3 PI = 3.14159265359;

4

5 // 正确写法

6 const PI = 3.14159265359;
1 var x = 10;

2 // 这里输出 x 为 10

3 {

4     const x = 2;

5     // 这里输出 x 为 2

6 }

7 // 这里输出 x 为 10

const并非真正的常量，它定义一个常量引用一个值。使用const定义的数组或对象， 是可以改变的。

1 // 创建常量对象

2 const car = {type:"Fiat", model:"500", color:"white"};

3

4 // 修改属性:

5 car.color = "red";

6

7 // 添加属性

8 car.owner = "Johnson";

但不能对常量重新赋值：

st car = {type:"Fiat", model:"500", color:"white"};

car = {type:"Volvo", model:"EX60", color:"red"}; // 错误

JavaScript之this、let、const关键字的更多相关文章

  1. javascript中的var,let,const关键字

    文章:JavaScript 中 var 和 let 和 const 关键字的区别 比较全面的文章.

  2. ECMAScript6之let与const关键字

    let关键字 let关键字和var关键字一样,都是用来声明变量的,但是和var不同的是,let关键字声明的变量仅在自己的块级作用域范围内发挥作用. 我们来比较下面两段代码 var arr = new ...

  3. JavaScript ES6 let、const

    在ES6中,增加了2个声明变量的关键字:let 和 const.在这里将详细介绍let与var的区别.Babel对let的处理以及const的简单使用. 1. let 在ES6规范中增加了 let 关 ...

  4. JS let和const关键字

    ES2015 引入了两个重要的 JavaScript 新关键词:let 和 const. Let关键字 1.用于作用域:块作用域,循环作用域,函数作用域,全局作用域, 在 ES2015 之前,Java ...

  5. const关键字：终于拥有真正的常量声明语句

    本文首发于个人网站:const关键字:终于拥有真正的常量声明语句 你好,今天大叔想和你唠扯唠扯 ES6 新增的关键字 -- const.在说 const 关键字之前,大叔先和你唠唠大叔自己对 cons ...

  6. ES6 let const关键字

    在es6中,引入了let和const关键字: 1.letES6 新增了let命令,用来声明变量.它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效. (1)在块级作用域里有效(比 ...

  7. PHP的final关键字、static关键字、const关键字

    在PHP5中新增加了final关键字,它可以加载类或类中方法前.但不能使用final标识成员属性,虽然final有常量的意思,但在php中定义常量是使用define()函数来完成的. final关键字 ...

  8. C++中const关键字的使用总结

    C++中使用const关键字来修饰常量,下面从两个方面总结:变量和成员函数. 变量:const可以修饰普通变量.指针(数组)和结构体. 1.const修饰普通变量是最简单的情形.这样的用法多为在程序中 ...

  9. final关键字+const关键字

    final关键字 1.如果我们希望某个类不被其它的类来继承(可能因为安全考虑),可以使用final. 例题 <? final class A{} class B extends A{};//会报 ...

  10. C++学习11 类和new、delete操作符 类与const关键字

    如果你是Java.C#.PHP程序员,那么会对 new 非常熟悉,在这些编程语言中,只能通过 new 来创建对象. 在C++中,你可以像定义变量一样来创建对象,如: Student stu; //对象 ...

随机推荐

  1. 二阶段目标检测网络-Mask RCNN 详解

    ROI Pooling 和 ROI Align 的区别 Mask R-CNN 网络结构 骨干网络 FPN anchor 锚框生成规则 实验 参考资料 Mask RCNN 是作者 Kaiming He ...

  2. python 实现RSA数字签名

    from Crypto.PublicKey import RSA from Crypto.Cipher import PKCS1_v1_5 as Cipher_pkcs1_v1_5 from Cryp ...

  3. cs231n__2. K-nearest Neighbors

    CS231n 2 K-Nearest Neighbors note ---by Orangestar 1. codes: import numpy as np class NearestNeighbo ...

  4. CTFshow——funnyrsa2

    题目如下: 题目分析: 发现n很小,可以考虑yafu分解n,或者使用在线网站,例如:http://factordb.com/.即得p,q,r.因为常规rsa只有p和q,则phi = (p -1) * ...

  5. 体验一个前端视图层的mvvm的框架Knockoutjs(双向绑定，模板..)..解放您的双手，不再处理那么多的dom操作..快速实现视图层数据与UI的交互处理

    笔者之前对于类似前端展示的,可能都是自己开发js对象,集合外加dom事件进行处理..  近期看到相关资料,了解了Knockoutjs这个框架,下面来段代码: <script type=" ...

  6. DVWA靶场实战(四)——File Inclusion

    DVWA靶场实战(四) 四.File Inclusion: 1.漏洞原理: 随着网站的业务的需求,程序开发人员一般希望代码更加灵活,所以将被包含的文件设置为变量,用来进行动态调用,但是正是这种灵活性通 ...

  7. 01-逻辑仿真工具VCS使用

    1 逻辑仿真工具VCS的使用 在书写完成RTL代码之后,确保自己书写的代码和自己想要的逻辑是一致的. VCS是synopsys公司下的的仿真工具. 1 VCS仿真过程 编译-->仿真--> ...

  8. Golang如何实现节假日不打扰用户？

    ​ 1.场景 想象下以下场景,嘿嘿...! 一个iphone用户,闹钟是可以按节假日不响的! 每日新闻机器人,节假日是可以不打扰我的! 我的业务,节假日是可以... 2.思路 要实现识别节假日,大概有 ...

  9. mysql常用命令，检查数据库连接情况以及修改时区

    常用操作 注:也可以运行 mysql -u 用户名(root) -p 密码(root) 数据库名(bank) ,然后回车 导入文件:source e:bank.sql (你的sql文件) 回车 PS ...

  10. Angular在用户登录后设置授权请求头headers.append('Authorization', 'token');

    方案1. 使用Angular  http import {Injectable} from '@angular/core'; import {Http, Headers} from '@angular ...