5.ES6 const命令

最新推荐文章于 2022-11-02 18:55:40 发布
最新推荐文章于 2022-11-02 18:55:40 发布
阅读量133 收藏
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36685875/article/details/78555349
版权

------------------------------------const用来声明常量-------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const命令</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       const Pi=3.1415926535;
       console.log(Pi);              //3.1415926535;
       Pi=3;                      //Pi is read-only---Error
       console.log(Pi);
    </script>

</head>
<body>
    
</body>
</html>


-------------------------------------------------------------------------使用const命令-----------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用const命令</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       const Pi=3.1415926535;
       console.log(Pi);  //3.1415926535;
       console.log(5*Pi);  //15.7079632675
    </script>

</head>
<body>
    
</body>
</html>


----------------------------------------------------const块级作用域----------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const块级作用域</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       if(true){
           const Pi=3.14159265;
       };
       console.log(Pi);  //Pi is not defined
    </script>

</head>
<body>
    
</body>
</html>


--------------------------------------------------------------------const暂时性死区-------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const暂时性死区</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       if(true){
           console.log(Pi);  //undefined
           const Pi=3.14159265;
       };
       
    </script>

</head>
<body>
    
</body>
</html>

--------------------------------------------------const不可重复声明----------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const不可重复声明</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       {
           var a=100;
           const a=200;
           console.log(a);
       }
       
    </script>

</head>
<body>
    
</body>
</html>

------------------------------------------------------const对象----------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const对象</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       const person={};
       person.name="lisi";
       person.age=30;
       console.log(person.name); //lisi
       console.log(person.age); //30
       console.log(person); //Object { name: "lisi", age: 30 }
       
    </script>

</head>
<body>
    
</body>
</html>

---------------------------------------------------const对象错误方法---------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const对象错误方法</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       const person={};
       person.name="lisi";
       person.age=30;
       console.log(person.name); //lisi
       console.log(person.age); //30
       console.log(person); //Object { name: "lisi", age: 30 }
       person={};  //person is read-only  --Error
    </script>

</head>
<body>
    
</body>
</html>


--------------------------------------------const对象------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const数组</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
       const arr=[];
       console.log(arr); //Array [  ]
       console.log(arr.length);//0
       console.log("-----------");
       arr.push("hello world!");
       console.log(arr); //Array [ "hello world!" ]
       console.log(arr.length);//1
       console.log("-----------");
       arr.length=0;
       console.log(arr);//Array [  ]
       console.log(arr.length);//0
       console.log("-----------");

       //错误用法
       arr=["hello world"];
    </script>

</head>
<body>
    
</body>
</html>


-------------------------------------------------const对象冻结--------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>const对象冻结</title>
    <script src="js/traceur.js"></script>
    <script src="js/bootstrap.js"></script>

    <script type="text/traceur">
      const person=Object.freeze({});
      person.name="lisi";
      person.age=30;

      console.log(person.name);
      console.log(person.age);
      console.log(person);
    </script>

</head>
<body>
    
</body>
</html>


------------------------------------------彻底冻结对象-------

var constantize=(obj) => {

      Object.freeze(obj);

      Object.keys(obj).forEach( (key,value) =>{

              if( typeof obj[key]==='object'){

                   constantize(obj[key]);

};

});

};



可爱的小雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
es6 const
杰克拉乌的博客
08-12 416
    const a = 12;         //a = 15 //报错不可变得                  const n = {             name:"leo"         }         n.name = 'nan_kk';         a.email = '111@'         console.log(n)         //const 是指对...
浅谈ES6 const命令
筱葭的博客
03-30 5291
ES5只有两种声明变量的方式：var和function，ES6还添加了两种常用的声明变量的方式：let和const，let的介绍请见： 下面介绍ES6的const命令： const声明一个只读的常量，一旦声明，常量的值就不能改变，这意味着，const一旦声明常量，就必须立即初始化，不能等到之后再赋值。因此，改变常量和只声明不赋初始值都会报错。 const的作用域与let命令相同，只在声明所在
【ES6基础】const介绍
前端达人
02-01 1831
开篇在ES6之前，JavaScript被其他编程语言诟病没有定义常量的能力，甚至在大多数企业的开发文档中，对于常量的定义都使用var。一般经常会使用所有字母大写和下划线组...
ES6中const详解
架构师的成长之路
10-22 2262
我们使用const声明常量时，总认为值一旦声明就不可改变，然后我发现在定义对象时，对象的值是可以改变的； 对于数值： var message = "Hello!"; let age = 25; // 以下两行都会报错 const message = "Goodbye!"; const age = 30; 对于对象 const foo = {}; // 为 foo 添加一个属性，可以...
array数组总结(包含ES6)
前端小99的博客
08-24 1032
1： push()在数组结尾增加数据 参数：添加的数据，可以有多项，用逗号隔开 返回值：新数组长度 案例: <script> let arr=["上海","北京","深圳","武汉"] console.log(arr.push("成都")) /* 这里返回的是数组的长度 5*/ arr.push("成都") console.log(arr...
1. ES6 let 和 const 命令
最新发布
李嘉城的博客
11-02 864
ES6 允许在大括号里面，直接写入变量和函数，作为对象的属性和方法，这样的书写更加简洁。ES6 允许按照一定模式从数组和对象中提取值，对变量进行赋值。ES6 引入新的声明字符串的方式：反引号``
ES6--Const 命令
qq_39241421的博客
03-03 246
数学应用题中，用方程式解决问题，在方程时，会设未知数，常数。 Js中我们常用let或者var声明变量，ES 6中有const用来声明常量。 本节重点学习 const命令基本用法 1、const 声明一个只读的常量，一旦声明，常量不可改变。且声明时必须赋值，立即初始化 const PI = 3.1415 PI = 3 //执行后报错 类型错误：常数变量赋值 con...
2.ES6-let和const命令
weixin_43167546的博客
11-30 251
文章目录let和const命令(一)let命令一.`let`命令--基本用法二.不存在变量提升-先定义后执行三.暂时性死区-不能重复定义四.块级作用域五.do表达式(二)const命令(三)顶级对象的属性参考文档 let和const命令 (一)let命令 一.let命令–基本用法 'use strict':使用严格模式es6默认使用. let和var的区别: let用来声明变量.它...
ES6新特性一： let和const命令详解
08-30
ES6新特性一：let和const命令详解 在 ECMAScript 6 中，引入了两个新的声明变量的命令：let 和 const。它们都可以用来声明变量，但是它们之间有着很大的区别。 let 命令 let 命令用来声明一个块级作用域的变量。...
ES6的let、const命令
01-08
ES6引入了两种新的变量声明方式，`let`和`const`，它们是对传统`var`命令的重要补充，旨在解决JavaScript中的作用域问题和变量提升（Hoisting）问题。 首先，我们来详细讨论`let`命令。`let`用于声明变量，其特性...
深入浅出ES6之let和const命令
09-01
ES6（ECMAScript 2015）引入了许多新的特性，其中`let`和`const`命令是两个重要的变量声明方式，它们为JavaScript带来了块级作用域和常量定义的能力，极大地改善了代码的可读性和可维护性。 ### `let`命令 `let`...
ES6 之 const 的说明
天外野草技术专栏
06-26 7033
最近，很多人问我，const的用法问题，这里给大家澄清一个误区。常量索引，不是值在ES6中另外一个定义变量的关键字是 const , 但是它经常被误会为一个“常量”。在ES6中， const 代表一个值的 常量索引 （事实上绝大多数语言都提供这样的功能）。换句话说，变量名字在内存中的指针不能够改变，但是指向这个变量的值 可能 改变。这里有一个简单的例子。在下面的例子中我们可以创建一个拥有常量索引的数
20、ES6 属性的遍历 一共有 5 种方法可以遍历对象的属性
热门推荐
小雨的博客
12-24 3万+
属性的遍历 ES6 一共有 5 种方法可以遍历对象的属性。 （1）for...in for...in循环遍历对象自身的和继承的可枚举属性（不含 Symbol 属性）。 （2）Object.keys(obj) Object.keys返回一个数组，包括对象自身的（不含继承的）所有可枚举属性（不含 Symbol 属性）的键名。 （3）Object.getOwnPropertyName
如何在input标签选择图片上传并设置图片大小以及点击图片可以选择删除
小雨的博客
11-12 2485
1、引入jquery库，选择正确放jquery文件的路径 2、放一个文件选择的的标签 3、写一个用于存放图片的容器 4、引入一个 5.image-file.js内容如下： (function($) {        $.imageFileVisible = function(options) {           // 默认选项 var defaults = {     /
17、ES6 圆括号的问题
小雨的博客
12-09 1970
圆括号问题  解构赋值虽然很方便，但是解析起来并不容易。对于编译器来说，一个式子到底是模式，还是表达式，没有办法从一开始就知道，必须解析到（或解析不到）等号才能知道。 由此带来的问题是，如果模式中出现圆括号怎么处理。ES6的规则是，只要有可能导致解构的歧义，就不得使用圆括号。 但是，这条规则实际上不那么容易辨别，处理起来相当麻烦。因此，建议只要有可能，就不要在模式中放置圆括号。 不能使用圆
innerHTML和outerHTML的区别，jQuery删除节点的方法
小雨的博客
11-12 1594
一、区别： 1）innerHTML: 　　从对象的起始位置到终止位置的全部内容,不包括Html标签。 2）outerHTML: 　　除了包含innerHTML的全部内容外, 还包含对象标签本身。 二、例子： test1 test2 1）innerHTML的值是“test1 test2 ” 2）outerHTML的值是test1 test2 -----------------
11、ES6 函数参数的解构赋值
小雨的博客
12-05 749
函数参数的解构赋值       1、函数的参数也可以使用解构      2、函数参数的解构也可以使用默认值 ---------------------------------------------------------------函数参数的解构赋值--------------------         函数参数的解构赋值
1.ES6简介
小雨的博客
11-15 729
ECMAScript和JavaScript的关系         ECMAScript（简称ES6)是JavaScript语言的下一代标准，于2015.6正式发布；         ECMAScript和JavaScript的关系，简单来说，ECMAScript是JavaScript语言的国际标准，JavaScript是ECMAScript的实现。  ECMAScript6的兼容(推
6.ES6全局对象属性
小雨的博客
11-19 609
全局对象的属性：        全局对象是最顶层的对象，在浏览器环境指的是window对象，在Node.js指的是global对象。在javascript语言中，所有全局变量都是全局对象的属性。（Node的情况比较特殊，这一条只对repl环境适用，模块环境必须显示声明成global的属性。）        ES6规定，var命令和function命令声明的全局变量，属于全局对象的属性；let命

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值