浅谈JS

首先我们要弄清楚，JS是什么

  用一句话总结概括：JS是弱类型、动态、灵活的脚本语言，前后端都能运行。

1、JS的简单介绍

  JS编程思想是面对对象思想，将现实世界和对象的软件抽象化。对象拥有属性及方法，属性可用于了解对象，方法则是该对象可调用的方法。

• 简单数据类型：数字、字符、布尔型等
• 复杂数据类型：对象 Object

2.运行JS

• 后端运行：node 1.js 命令行
• 前端运行：浏览器文件的方式运行

3.插播一道大厂面试题

  < !DOCTYPE html>是什么？
  < !DOCTYPE html>是文件头声明，告诉浏览器当前文档使用的是哪个HTML版本的标准，并指导浏览器如何解析页面，是html5的标准头，通过http协议的方式来远程访问。

4.面对对象设计模式之代理模式Proxy

  这里我们假设东方月初对涂山红红表达爱意，通过面向对象的属性（描述对象）和方法（动作）就可以实现。同时我们可以给红红添加一个妹妹涂山雅雅，同时涂山雅雅也是东方月初的死党，雅雅和红红一样实现了receiveMessage方法，方法名一样，接口，红红和雅雅可以互换，但是receiveMessage内部代码不一样，抽象代理收到消息后的行为的逻辑自由度交给了开发者。

const dfyc = {
    name: '东方月初',// key value String
    age: 24 ,// Number 数值
    hometown: '东方',
    isSingle: true, // Boolean 布尔类型
    // 发消息
    //形参
    sendMessage:function(girl){
        console.log(dfyc.name + '对' + girl.name + '说：我喜欢你红红姐！')
        girl.receiveMessage(dfyc)
    },
};

const tshh = {
    hometown: '涂山',
    name: '涂山红红',
    age: 24,
    xq: 30, //心情
    receiveMessage: function(sender){
        console.log(tshh.name + '收到了' + sender.name + '发生的消息')
        if(tshh.xq > 90){
            console.log('小道士，我也喜欢你！')
        }
        else{
            console.log('我不喜欢你')
        }
    },
};

//t=涂山雅雅
const tsyy ={
    xq: 80,// 心情
    name: '涂山雅雅',
    hometown : '涂山', 
    // 发消息给红红或雅雅，都具有receiveMessage 方法
    //对象互换
    //实现了相同的接口 interface 
    receiveMessage:function(sender){
        if(sender.name === '东方月初'){
            console.log('臭蟑螂！就是你让姐姐不开心');
        }
        
        //使红红心情为99
        setTimeout(()=>{ // 定时器
            tshh.xq = 99;
            tshh.receiveMessage(sender);
        },3000)
        //不改变红红心情
        //xm.receiveMessage(sender);
        
        // if(xh.xq >90){
        //     xm.receiveFlower(sender)
        // }
        
    }
}
dfyc.sendMessage(tsyy)

  面向接口（设计接口）的编程是面向对象思想的高级表现，即设计模式，这里用的是代理模式

4.结语

  本文章主要讲述了何为JS，如何运行JS属于JS小入门，及代理模式。希望对大家掌握JS基础知识有所帮助。