JS基础学习常用方法每日一练

最新推荐文章于 2023-03-17 11:08:42 发布

可爱的鹬啊

最新推荐文章于 2023-03-17 11:08:42 发布

阅读量714

点赞数 1

分类专栏：学习知识点文章标签： JS基础 JS练习前端入门

本文链接：https://blog.csdn.net/jiayuan237513457/article/details/82656938

版权

这篇博客涵盖了JavaScript的基础知识和实践应用，包括圣杯模式、深层克隆、原型链去重等重要概念，同时讲解了事件处理函数的封装，如addEvent、stopBubble和cancelHandler，还涉及正则表达式在小驼峰命名转换中的应用，以及兼容性地获取元素样式的方法。适合前端入门学习者提升技能。

摘要由CSDN通过智能技术生成

function inhrit(Target,Origin){
        var F = function(){};
        F.prototype = Origin.prototype;
        Target.prototype = new F();
        Target.prototype.constructor = Target;
        Target.prototype.uber = Origin.prototype;
    }

    Father.prototype.lastName = "haha";
    function Father(){};
    function Son(){};

    inhrit(Son,Father);

    var son = new Son();
    var father = new Father();
    
    console.log(son.lastName); //可以访问到父级上的 lastName属性

深层克隆

        var obj = {
            name : "abc",
            wife : {
                name : "xiaoli",
                son : {
                    name : "xiaobai"
                }
            }
        }
        var obj1 = {

        }


 function clone(origin,target){
            var target = target || {},
                toStr = Object.prototype.toString,
                arrStr = "[object Array]";
            for(var prop in origin) {
                if(origin.hasOwnProperty(prop)) {
                    if(origin[prop] !== null && typeof(origin[prop]) == 'object') {
                        if(toStr.call(origin[prop]) == arrStr) {
                            target[prop] = [];
                        }else{
                            target[prop] = {};
                        }
                        clone(origin[prop],target[prop])
                    }else{
                        target[prop] = origin[prop];