数组的解构赋值: 位置
对象的解构赋值: 名称

// {}在解构赋值的时候,不能出现在一行的最前面,否则js解析器会把他当成一个代码块,加()
({a, b} = obj),告诉他这个仅仅是一个解构语句

let {a, b} = {a: 1, b: 2};
 let{a:A, b} = {a: 1, b: 2};
 let{a:A=1, b=2} = {a: 10}; //A=10, b=2;

let a = 0;
({a, b} = {a: 1, b: 2}); //通过对象的解构赋值改变变量的值

let {a[y]} = {a: ['Yo.']}; //获取'Yo.', 错误
let{a: [y]} = {a: ['Yo.']}; //获取'Yo.', 正确 把a重命名为[Y],再解构['Yo.']
-----------------------------------------------------------------------------------
let {a{b}} = {a: {b: 1}}; //获取b的值,错误
let {a: {b}} = {a: {b: 1}}; //获取b的值,正确

// 解构赋值中,初始变量中不能出现a[]、a{},重命名(a: {b})的可以出现

let {floor, pow} = Math; //解构Math对象中的方法
let a = 1.9;
console.log(floor(a)); // 1
console.log(pow(2, 3)); // 8

// undefined 未声明(没值)
// not defined 未定义(没变量)

// Proxy 代理,用于在语言层面上去操作一个对象 Proxy({原对象},{配置项})

// let s = new Set([1, 2, 3, 3]);
// Set 和 Array 都是数据结构

var a = [, , , ];
function each(arr,callback){
for(var i = ; i < arr.length; i++){
var item = arr[i];
callback(item);
}
} each(a, function (item) {
if (item < ) {
console.log(item);
}
}); //你接受一个传参,叫callback,然后执行这个callback,同时执行的时候把item传进来

回调函数:叫我一下

yo.call(lsd); 用lsd来做yo()里边的this

this用于在不同的环境下,给不同的父级赋能的

this等于什么不取决于this所在的位置,取决于this所在的function是如何被调用的
function 作为方法被调用(对象.fullname()),this等于他的 父级对象
function 作为构造器被调用 ( new User()),this等于 即将生成的对象
其他情况this等于undefined,指向最外层

显性属性是拷的,隐性属性是指向的

变化的显性 不变的隐性

b的原型继承于A,A的原型继承于Object

对象的原型 指向 其构造器的原型

js4的更多相关文章

  1. Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法

    Ext JS4 学习笔记之发送表单(Form)时也将表单下的表格(Grid)数据一同发送的方法 昨天在开发的时候遇到个小问题,就是如何将Grid的内容与Form一起发送到服务器端.默认情况下,表单(F ...

  2. Ext JS4百强应用: 用grid.plugin.CellEditing做高级查询 --第10强

    Ext JS4,用grid.plugin.CellEditing做高级查询: 写了90%,界面出来了,小兴奋就贴出来,还有细节要调整,基本能用. 代码: Ext.define('chenghao.ad ...

  3. ArcGIS API for JS4.7加载FeatureLayer,点击弹出信息并高亮显示

    我加载的是ArcGIS Server本地发布的FeatureService,ArcGIS API for JS4.7记载FeatureLayer时,在二维需要通过代码启用WebGL渲染,在三维模式下, ...

  4. 名词解释——Ext JS4

    Ext.onReady——Ext主入口,和onload事件不同,不需要页面所有东西加在出来. Ext js 的基本语法就是使用树状图来配置对象来定义界面: { config_options1:valu ...

  5. [JS4] 最简单JS框架

    <html> <head> <title></title> <SCRIPT TYPE="text/JavaScript"> ...

  6. zepto源码研究 - zepto.js-4(常用的工具)

    $.each: /** * 以集合每一个元素作为上下文,来执行回调函数 * @param elements * @param callback * @returns {*} */ $.each = f ...

  7. Ext JS4百强应用:设置textfield的悬浮提示信息 --第8强

    在Extjs4中有时候我们需要textfield的提示信息,但是我们发现textfield并没有这样的配置项. 这时候我们就要另想方法:我们需要在鼠标悬停在textfield组件的时候进行信息的提示, ...

  8. Ext JS4百强应用: 做可编辑的,可checked的treegrid--第11强

    做一个可编辑的,可checked的treegrid,代码相当简洁: 请看代码: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN&quo ...

  9. js4:with,for in语句,windows,location对象的使用

    原文发布时间为:2008-11-08 -- 来源于本人的百度文章 [由搬家工具导入] <html> <head> <title>js</title> & ...

随机推荐

  1. 深度学习框架PyTorch一书的学习-第三章-Tensor和autograd-2-autograd

    参考https://github.com/chenyuntc/pytorch-book/tree/v1.0 希望大家直接到上面的网址去查看代码,下面是本人的笔记 torch.autograd就是为了方 ...

  2. Spring(1)_Bean初始化_逻辑图

  3. node.js如何引用其它js文件

    以Java来说,比如要实现第三方存储,我可能需要导入对应的库,以maven为例,使用腾讯云或者七牛云.阿里云,我需要导入对应的maven依赖.再比如,有些时候我们封装某个类,而那个类不在该包下,我们需 ...

  4. binarySearch(int[] a,int fromIndex,int toIndex, int key)的用法

    package com.Summer_0420.cn; import java.util.Arrays; /** * @author Summer * binarySearch(int[] a,int ...

  5. intoj

    192.168.0.6:1024 emm....我太健忘了...

  6. AQS实现原理分析——ReentrantLock

    在Java并发包java.util.concurrent中可以看到,不少源码是基于AbstractQueuedSynchronizer(以下简写AQS)这个抽象类,因为它是Java并发包的基础工具类, ...

  7. .NET Core Community 第三个千星项目诞生:爬虫 DotnetSpider

    本文所有打赏将全数捐赠于 NCC(NCC 的资金目前由 倾竹大人 负责管理),请注明捐赠于 NCC.捐赠情况将由倾竹大人在此处公示. DotnetSpider 至力于打造一个轻量化.高效率.易开发.可 ...

  8. 朱晔的互联网架构实践心得S1E7:三十种架构设计模式(上)

    朱晔的互联网架构实践心得S1E7:三十种架构设计模式(上) [下载本文PDF进行阅读] 设计模式是前人通过大量的实践总结出来的一些经验总结和最佳实践.在经过多年的软件开发实践之后,回过头来去看23种设 ...

  9. docker的4种网络模型

    我们在使用docker run创建Docker容器时,可以用--net选项指定容器的网络模式,Docker有以下4种网络模式: · host模式,使用--net=host指定. · container ...

  10. Method not found: !!0[] System.Array.Empty()错误

    最近由于公司项目需要将之前支持的TLS1.0改成更安全的TLS1.2,而公司现有项目都是老系统,有的是.NET FrameWork 4.0,有的是.NET FrameWork3.5,但是TLS1.2默 ...