JavaScript脚本语言

javascrip是一门脚本语言,属于高级语言范畴,解释型语言。

一、作用

  1、表单动态验证校验(密码强度检测)(js最初产生的目的)

  2、网页特效

  3、服务端开发(Node.js)

  4、桌面程序(Electron)

  5、App(Cordova)

  6、控制硬件-物联网(Ruff)

  7、游戏开发(cocos2d-js)

二、HTML/CSS/JS的关系

  HTML/CSS标记语言--描述类语言

  1、HTML决定网页结构和内容

  2、CSS决定网页呈现给用户的样式

  JS脚本语言--编程类语言

  1、实现业务逻辑和页面控制功能

三、浏览器执行
  渲染引擎和JS引擎

  渲染引擎:解释HTML和CSS,俗称内核,比如chrome浏览器的blink,老版本的webkit

  JS引擎:也称为JS解释器。用来读取网页中的JavaScript代码,对其进行处理,比如chrome浏览器的V8(最快的js引擎)

浏览器本身并不会执行JS代码,而是通过内置的JavaScript引擎(解释器)来执行JS代码。JS引擎执行代码时逐行解释每一句源码(转换为机器语言),然后由计算机去执行。所以JavaScript语言是脚本语言,会逐行解释执行。

四、JS的组成

  1、ECMAScript

  2、DOM---文档对象模型

 

   3、BOM---浏览器对象模型

五、JS体验

  js的三种书写位置,行内内嵌和外部

 变量

<script>
    // 1.声明一个变量
    var age;
    // 2.赋值  把值存入这个变量中
    age = 20;
    // 3.输出结果
    console.log(name);
    // 4.声明变量并初始化
    var myname = 'zhangsan';
    console.log(myname);
</script>

变量声明的特殊情况

<script>
    // 1.更新变量
    var myname = 'zhangsan'
    console.log(myname);
    myname = prompte("请输入您的名字:")
    console.log(myname)
    // 2.声明多个变量
    var age = 20,
    address = '北京',
    tl = '1234567890';
    // 3.声明变量的特殊情况
  // 3.1 只声明不赋值,结果是undefined
  var sex;
  console.log(sex); //undefined
  // 3.2 不声明,不赋值,直接使用某一个变量会报错
  //console.log(ttel);  //解释器会暂停在这里,不往下执行
  // 3.3 不声明直接赋值使用
  qq =100;
  console.log(qq);  //正常输出,但是qq会被当做全局变量
</script>

 

原文地址:https://www.cnblogs.com/ucas123/p/14283503.html