小知识总结

  1. javaScript事件绑定和普通事件的区别:
    var btn = document.getElementById("btn");
    btn.onclick = function () {
    alert('普通事件1');//不执行
    }
    btn.onclick = function () {
    alert('普通事件2');//弹出
    }

// 上面用普通方法添加两个事件,下面用事件绑定添加两个事件。

    btn.addEventListener('click', function  () {
        alert('事件绑定1');//弹出
    },false);
    btn.addEventListener('click', function  () {
        alert('事件绑定2');//弹出
    },false);
  1. 去除数组中重复的

    function removeDuplicate(arr) {
    var al = arr.length;
    var finalArr = [];
    for (var i = 0; i < al; i++) {
    var tem = arr[i];
    if(finalArr.indexOf(tem) === -1){
    finalArr.push(tem);
    }
    }
    return finalArr;
    }

  2. delete操作符
    delete - JavaScript | MDN
    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/delete
    eg:
    var Employee =
    {
    age: 28,
    name: 'abc',
    designation: 'developer'
    }
    console.log(delete Employee.name); // returns true
    console.log(delete Employee.age); // returns true
    // 当试着删除一个不存在的属性时
    // 同样会返回true
    console.log(delete Employee.salary); // returns true
    eg:

Non-configurable 属性

#######当一个属性被设置为不可设置,delete操作将不会有任何效果,并且会返回false。在严格模式下会抛出语法错误([SyntaxError]
var Employee = {};
Object.defineProperty(Employee, 'name', {configurable: false});
console.log(delete Employee.name); // returns false
eg:
#######var, let以及const创建的不可设置的属性不能被delete操作删除。
var nameOther = 'XYZ';
// We can access this global property using:
Object.getOwnPropertyDescriptor(window, 'nameOther');
// output:
Object {
value: "XYZ",
// writable: true,
// enumerable: true,
// configurable: false
}// 因为“nameOther”使用var关键词添加,// 它被设置为不可设置(non-configurable)
delete nameOther; // return false

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.避免循环引用 如果【block内部】使用【外部声明的强引用】访问【对象A】, 那么【block内部】会自动产生...
    木马不在转阅读 494评论 0 1
  • 1.产生随机数 2.禁止视图自动布局 3.添加单击事件 4.延时加载方法 5.简单弹出框,可直接写在pch文件中 ...
    brance阅读 295评论 0 3
  • HTML 对html5的理解,web语义话,SEO 页面加载过程 新增API,本地存储,Canvas CSS 经典...
    linwalker阅读 655评论 0 3
  • 数据结构与算法 栈和队列的区别 网络基础 HTTP 无状态怎么理解 可以从REST的角度来理解这个问题。我们知道R...
    笑极阅读 676评论 1 5
  • 这周的学习还是比较认真的。 以下是目前收集整理的一些笔记, 还有Map接口没学, 下次再补。 (word文档复制过...
    _秋裤阅读 935评论 0 0