ECMAScript6（一）

最新推荐文章于 2025-02-24 20:39:06 发布

song_zhiyin

最新推荐文章于 2025-02-24 20:39:06 发布

阅读量178

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签：函数 ecmascript6 实例

本文链接：https://blog.youkuaiyun.com/cdegjj/article/details/58181037

javaScript 专栏收录该内容

35 篇文章

订阅专栏

本文详细介绍了ES6新增的重要特性，包括let关键字的作用域特点、const定义常量、解构赋值、模板字符串等语法糖，以及Math扩展方法等实用功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

let特性:

不能重复声明
没有预解析
有块儿级作用域（变量或者函数只有在该区域才起作用）
暂存死区（从块儿的开始到声明这段的区域）


{
 let b = 3;
 console.log(b);//3
}

{
 let b = 3;
}
 console.log(b);//b is not defined

选项卡实例

<input type="button" class='active' value="tab1" />
<input type="button" value="tab2" />
<input type="button" value="tab3" />
<div class='show'>div1</div>
<div>div2</div>
<div>div3</div>

var aBtn = document.getElementsByTagName('input');
  var aDiv = document.getElementsByTagName('div');
  for (let i = 0; i < aBtn.length; i++) {
    aBtn[i].onclick = function() {
        for (var j = 0; j < aBtn.length; j++) {
            aBtn[j].className = '';
            aDiv[j].className = '';
        }
        this.className = 'active';
        aDiv[i].className = 'show';
    }
  }

const
定义常量后，值不可变。

  const a = 1;
  //a = 29;
  console.log(a)

如果定义的常量是一个对象的话，那么值是可以改变的。

const d = {
  name:'张三'
}
d.name = '李四';
console.log(d.name)

解构赋值

ES6允许按照一定的模式，从数组或对象中提取值，对变量进行赋值。这被称为解构。

var arr = [1,2,3];
var [e,f,g] = arr;
console.log(e,f,g);
var obj = {
  foo:function() {},
  o:{},
  arr:[],
  str:'abc'
}
var {foo, arr, str} = obj;
console.log(foo, arr, str)

四个字节的字符操作

str.codePointAt(0);//返回码点
String.fromCodePoint(134071);//根据码点返回字符
str.repeat(2);//赋值字符串2次

模板字符串

var name  = '张三';
var age = 18;
var str = `你的名字是${name},年龄${age}`;
console.log(str)

字符串方法

str.includes();
 参数:
     1. 要查找的字符串
     2. 起始位置
         返回布尔值，表示是否找到了参数字符串

var str = 'zhangsan';
console.log(str.includes('s'));//true
console.log(str.includes('o'));//false

str.startsWith();
    参数:
       1. 要查找的字符串
       2. 起始位置
            返回布尔值，表示参数字符串是否在原字符串的头部

var str = 'zhangsan';
console.log(str.startsWith('s'));//false

str.endsWith();
    参数:
       1. 要查找的字符串
       2. 起始位置
            返回布尔值，表示参数字符串是否在原字符串的尾部

var str = 'zhangsan';
console.log(str.endsWith('n'));//false

Math扩展

var num = 1.234;
console.log(Math.trunc(num));//去掉小数部分
console.log(Math.sign(-0));//判断参数是正数还是负数，是0还是-0
consolr.log(Math.hypot(3,4));//返回所有参数平方和的平方根（勾股定理）