<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>let 使用注意事项和细节</title><script type="text/javascript">// let 细节1// (1) let 声明的变量, 在代码块中，则作用域在代码块中// (2) var声明的变量, 在代码块中，作用域没有限制{var name ="韩顺平教育";
let job ="java工程师";
console.log("name=", name);
console.log("job=", job);}
console.log("name=", name);//console.log("job=", job);//job is not defined// let 细节2// 1. var 可以声明多次// 2. let 只能声明一次var num1 =100;var num1 =200;
console.log(num1);
let num2 =600;//Syntax => 语法//let num2 = 900;//Uncaught SyntaxError: redeclaration of let num2
console.log(num2);// let 细节3// 1. let 不存在变量提升// 2. var 存在变量提升
console.log("x=", x);//undefinedvar x ="tom";//can't access lexical declaration 'z'
console.log("z=", z);
let z ="mary";</script></head><body></body></html>
数组赋值解构
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>数组解构赋值</title><script type="text/javascript">
let arr =[1,2,3];//如果要看某个变量的类型
console.log("arr=>", arr);//数组解构[取出元素]//1.传统
let x = arr[0], y = arr[1], z = arr[2];
console.log(x, y, z);//2. ES6风格
let [a, b, c]= arr;
console.log("==================================");
console.log(a, b, c);
let [num1, num2, num3]=[100,200,300];
console.log(num1, num2, num3);</script></head><body></body></html>
箭头函数
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>箭头函数的使用</title><script type="text/javascript">// 传统定义函数var f1 = function (n){return n *2}
console.log("传统= "+f1(2))// ES6 , 箭头函数使用
let f2 =(n)=>{return n *2;}
console.log("f2() 结果= ",f2(100));//200//上面的es6 函数写法，还可以简化
let f3 = n => n *3;
console.log("f3() 结果=",f3(100));//300//函数也可以传给一个变量=> 看看java基础匿名内部类
function hi(f4){
console.log(f4(900));}hi((n)=>{return n +100});hi((n)=>{return n -100});</script></head><body></body></html>
箭头函数2
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>箭头函数使用案例2</title><script type="text/javascript">// 传统var f1 = function (n, m){var res =0for(var i = n; i <= m; i++){
res += i
}return res
}
console.log("传统= "+f1(1,10))// ES6 , 箭头函数使用
let f2 =(n, m)=>{var res =0for(var i = n; i <= m; i++){
res += i
}return res
};
console.log(f2(1,10));</script></head><body></body></html>
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//看下面的代码, 请问输出什么， 并分析原因
let dog ={name:"大黄", age:3};//老师分析//1. 使用对象解构//2. namex undefined//3. age 3
let {namex, age}= dog;
console.log("namex=", namex," age=", age);</script></head><body></body></html>
作业3
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//根据给出的数据, 用ES6的方式, 构建对象person, 并提供方法(用最简洁的方式), 可以输出信息const name ="周星驰";const job ="演员";
let person ={
name,
job,show(){
console.log("person信息 name=",this.name," job=",this.job);}}
person.show();</script></head><body></body></html>
作业4
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//根据给出的数据, 用ES6的方式, 编写方法, 使用对象解构的方式, 得到 oper 和 arr, 并根据oper的值 , oper可以是+、-、*、/ 来计算结果var cal ={
oper:"/",
arr:[1,2,3,5]}
function f1({oper, arr}){
let res =0;//初始化的值，要分析考虑//这里小伙伴们可以考虑arr的传入，并且做分析//判断arr 是不是null, 并且arr.length <=1 , 就直接返回arr[0]if("+"== oper){
res = arr[0];for(let i =1; i < arr.length; i++){
res += arr[i];}}elseif("-"== oper){
res = arr[0];for(let i =1; i < arr.length; i++){
res -= arr[i];}}elseif("*"== oper){
res = arr[0];for(let i =1; i < arr.length; i++){
res *= arr[i];}}elseif("/"== oper){
res = arr[0];for(let i =1; i < arr.length; i++){
res /= arr[i];}}else{
console.log("oper输入不正确..")}return res;}
console.log("f1运算的结果=",f1(cal))</script></head><body></body></html>
作业5
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script type="text/javascript">//调用f8 函数, arr是数组, fun传入箭头函数, 可以计算 arr的和, 并写出调用方法
function f8(arr, fun){
console.log(fun(arr));//调用模板}f8([1,2,3,4,5],(arr)=>{
let res =0;for(let i =0; i < arr.length; i++){
res += arr[i];}return res;})</script></head><body></body></html>
//定义对象,变量，常量, 函数const sum = function (a, b){returnparseInt(a)+parseInt(b);}const sub = function (a, b){returnparseInt(a)-parseInt(b);}
let name ="韩顺平教育";constPI=3.14;const monster ={
name:"牛魔王",
age:500,hi(){
console.log("hi 你好 牛魔王");}}//es6的导出模块/数据/**
* 老师解读
* 1. export 就是导出模块/数据
* 2. 可以全部导出，也可以部分导出
*/
export {
sum,
sub,
name,
monster
}
//定义对象,变量，常量, 函数//定义sum函数时，就直接导出//老韩说明：如果在定义时，导出的数据， 在导入时，要保持名字一致
export const sum = function (a, b){returnparseInt(a)+parseInt(b);}const sub = function (a, b){returnparseInt(a)-parseInt(b);}
let name ="韩顺平教育";constPI=3.14;const monster ={
name:"牛魔王",
age:500,hi(){
console.log("hi 你好 牛魔王");}}
扫一扫
148
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
