var name = 'iphone8'

    var description = '手机中的战斗机 '

    var price = 0;

    var domName = document.getElementById('pname')

    var domPrice = document.getElementById('pprice')

    var domad = document.getElementById('p-ad')

    var domadd= document.getElementById('add')

    var dombuy= document.getElementById('buy')

    window.onload=function(){

        domName.innerHTML = name

        domPrice.innerHTML = price

        domad.innerHTML = description

        domadd.onclick=function(){

            price = 7000;

            domPrice.innerHTML=price;

        }

        dombuy.onclick=function(){

            price = 7000;

            domPrice.innerHTML=price;

        }

    }

window.onload=function(){

    init()

}

//我们一般定义一个函数init来保存页面初始化加载的时候代码

function init() {

    //其他可能的代码

    bindData()

    //其他可能的代码

    bindEvent()

}

 //我们一般定义一个函数保存数据绑定相关代码

 function bindData(){

        domName.innerHTML = name

        domPrice.innerHTML = price

        domad.innerHTML = description

    }

// 我们一般定义函数封装页面或者某个模块的 事件

function bindEvent(){

    //将产品添加到购物车事件

    domadd.onclick=function(){

        AddProductToCart()

    }

    //立即购买事件

    dombuy.onclick=function(){

        buyProduct()

    }

}

//购买产品

function buyProduct(){

}

//将产品添加到购物车

function AddProductToCart(){

}

复制代码

function Sprite5(options){

        //函数内容部设置属性

        this._init(options);

    } 

    Sprite5.prototype={

        _init:function(options){  //只允许内部调用的方法【仅内部调用】

            this.name=options.name;

            this.age=options.age || 20;

            this.color=options.color || 'red';

            console.log(this.name);

        },

        show:function(ele){   //[可以不加参数]外部可以调用的方法不使用下划线

            console.log(this.name + ele);

        }

    };

    var s5 = new Sprite5({

        name:'shimilygoodabc',

        age:20

    });

    s5.show('yang');