<legend id='mNTJB'><style id='mNTJB'><dir id='mNTJB'><q id='mNTJB'></q></dir></style></legend>

      • <bdo id='mNTJB'></bdo><ul id='mNTJB'></ul>

      <tfoot id='mNTJB'></tfoot>
    1. <small id='mNTJB'></small><noframes id='mNTJB'>

      <i id='mNTJB'><tr id='mNTJB'><dt id='mNTJB'><q id='mNTJB'><span id='mNTJB'><b id='mNTJB'><form id='mNTJB'><ins id='mNTJB'></ins><ul id='mNTJB'></ul><sub id='mNTJB'></sub></form><legend id='mNTJB'></legend><bdo id='mNTJB'><pre id='mNTJB'><center id='mNTJB'></center></pre></bdo></b><th id='mNTJB'></th></span></q></dt></tr></i><div id='mNTJB'><tfoot id='mNTJB'></tfoot><dl id='mNTJB'><fieldset id='mNTJB'></fieldset></dl></div>

    2. ES6变量赋值和基本数据类型详解

      在ES6引入了两个新的关键字let和const来声明变量,与ES5中的var不同的是,let和const声明的变量具有块级作用域。

    3. <tfoot id='V7mZB'></tfoot>
      <legend id='V7mZB'><style id='V7mZB'><dir id='V7mZB'><q id='V7mZB'></q></dir></style></legend>

              <small id='V7mZB'></small><noframes id='V7mZB'>

                <tbody id='V7mZB'></tbody>
                <bdo id='V7mZB'></bdo><ul id='V7mZB'></ul>
                <i id='V7mZB'><tr id='V7mZB'><dt id='V7mZB'><q id='V7mZB'><span id='V7mZB'><b id='V7mZB'><form id='V7mZB'><ins id='V7mZB'></ins><ul id='V7mZB'></ul><sub id='V7mZB'></sub></form><legend id='V7mZB'></legend><bdo id='V7mZB'><pre id='V7mZB'><center id='V7mZB'></center></pre></bdo></b><th id='V7mZB'></th></span></q></dt></tr></i><div id='V7mZB'><tfoot id='V7mZB'></tfoot><dl id='V7mZB'><fieldset id='V7mZB'></fieldset></dl></div>
              • ES6变量赋值和基本数据类型详解

                ES6变量赋值

                letconst

                在ES6引入了两个新的关键字letconst来声明变量,与ES5中的var不同的是,letconst声明的变量具有块级作用域。

                let用来声明可变的变量,可以在同一作用域中多次进行赋值操作:

                let a = 1;
                a = 2;
                

                const用来声明不可变的变量,只能在声明时赋值,一旦赋值后就不能再更改:

                const PI = 3.14;
                PI = 3; // TypeError: Assignment to constant variable.
                

                值得注意的是,const声明的变量虽然不可变,但如果其值是对象类型,对象内部的属性值是可以修改的:

                const user = {
                  name: 'Alice',
                  age: 22
                }
                user.age = 23; // 修改 user 对象中属性 age 的值
                

                解构赋值

                在ES6中还引入了解构赋值语法,可以方便地将数组或对象中的值赋给对应的变量,示例如下:

                const arr = [1, 2, 3];
                const [a, b, c] = arr; // 将数组中的值赋给 a、b、c
                console.log(a, b, c); // 1 2 3
                
                const user = { name: 'Alice', age: 22 };
                const { name, age } = user; // 将对象中的值赋给 name、age
                console.log(name, age); // Alice 22
                

                基本数据类型

                在JavaScript中,有6种基本数据类型,分别为:

                • undefined: 未定义类型,表示一个变量未经初始化。
                • null: 空类型,表示一个变量没有值。
                • boolean: 布尔类型,表示true或false。
                • number: 数值类型,包括整数和浮点数。
                • string: 字符串类型,用于表示文本。
                • symbol: 符号类型,用于作为唯一的对象属性。

                在JavaScript中,虽然只有6种基本数据类型,但同时也具有对象类型,对象类型则是通过引用来传递的,它包含了一组属性和方法。

                下面我们来简要了解一下每种基本数据类型的用法和示例:

                undefined

                使用typeof操作符可以检查一个变量是否为undefined类型,如下:

                let a;
                console.log(typeof a); // undefined
                

                null

                null类型表示一个变量没有值,使用typeof操作符检查一个null类型的变量时,会返回字符串'object',这是一个历史遗留问题,需要注意。

                let b = null;
                console.log(typeof b); // object
                

                boolean

                boolean类型表示两种可能的值:true和false。常用于条件判断和逻辑运算。

                let c = true;
                let d = false;
                // ==、>、<、!、&&、|| 等逻辑运算符均适用于 boolean 类型
                
                

                number

                number类型用于表示数值,包括整数和浮点数。下面是一些常用的数值操作:

                let e = 10;
                let f = 3.14;
                console.log(e + f); // 加法
                console.log(e - f); // 减法
                console.log(e * f); // 乘法
                console.log(e / f); // 除法
                console.log(e % 3); // 取模运算
                console.log(++e); // 自增
                console.log(--e); // 自减
                

                string

                string类型用于表示文本字符串,可以使用单引号、双引号或反引号括起来。常用于字符串操作、文本处理等。

                let g = 'Hello';
                let h = "world";
                let i = `Coders`;
                
                console.log(g + ' ' + h + ' ' + i); // 字符串拼接
                console.log(g.toUpperCase()); // 转换为大写字母
                console.log(h.toLowerCase()); // 转换为小写字母
                console.log(g.length); // 获取字符串长度
                console.log(h.charAt(3)); // 获取指定位置的字符,索引从0开始计数
                console.log(i.substring(1, 4)); // 获取指定范围内的子字符串
                

                symbol

                symbol类型用于表示唯一的对象属性,这是ES6新增的基本数据类型。

                // 创建 symbol 类型的变量
                const symbol1 = Symbol('symbol1');
                const symbol2 = Symbol('symbol2');
                console.log(typeof symbol1); // symbol
                console.log(symbol1 === symbol2); // false
                // symbol类型的变量可以用作对象属性的键值:
                const user = {
                  [symbol1]: 'Alice',
                  [symbol2]: '22'
                }
                console.log(user[symbol1]); // Alice
                console.log(user[symbol2]); // 22
                

                总结

                本文详细介绍了ES6中变量赋值和基本数据类型的使用,包括了letconst、解构赋值、undefinednullbooleannumberstringsymbol等内容,希望能对大家有所帮助。

                本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

                相关文档推荐

                treetable.js没有checked做联动。于是自己基于treetable开发的一个小功能,希望能和大家一起交流一下。 1. 在当前HTML文档checked监听函数中增加以下代码 //联动 table.on('checkbox(quan_list)', function(obj){ //console.log(obj); //当前id var id = obj.
                当使用Javascript的attachEvent来绑定事件时,我们希望能够给事件处理函数传递一些参数,但是attachEvent本身并不支持传递参数。下面介绍两种解决方法。
                KnockoutJS是一款流行的JavaScript库,针对一个web应用程序的建立提供了比较好的基础架构。其中,表单的数据绑定功能是KnockoutJS最为常用的功能之一。本文将详细讲解KnockoutJS 3.x
                下面是用javascript实现改善用户体验之alert提示效果的完整攻略。
                在学习JavaScript编写贪吃蛇游戏之前,需要掌握以下的前置知识:
                <i id='FNmPz'><tr id='FNmPz'><dt id='FNmPz'><q id='FNmPz'><span id='FNmPz'><b id='FNmPz'><form id='FNmPz'><ins id='FNmPz'></ins><ul id='FNmPz'></ul><sub id='FNmPz'></sub></form><legend id='FNmPz'></legend><bdo id='FNmPz'><pre id='FNmPz'><center id='FNmPz'></center></pre></bdo></b><th id='FNmPz'></th></span></q></dt></tr></i><div id='FNmPz'><tfoot id='FNmPz'></tfoot><dl id='FNmPz'><fieldset id='FNmPz'></fieldset></dl></div>
                        <tbody id='FNmPz'></tbody>

                    • <legend id='FNmPz'><style id='FNmPz'><dir id='FNmPz'><q id='FNmPz'></q></dir></style></legend>

                          <bdo id='FNmPz'></bdo><ul id='FNmPz'></ul>

                          <small id='FNmPz'></small><noframes id='FNmPz'>

                        • <tfoot id='FNmPz'></tfoot>