Javascript基础语法

49 阅读3分钟

javascript发展历史

1.js是1995年网景公司开发的全新的语言;
2.javascript最初是为了实现浏览器客户端交互;
3.ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。在日常场合,这两个词是可以互换的。

JavaScript能干什么

1.浏览器客户端开发(前端开发)
2.服务端开发-nodejs
3.桌面应用开发

JavaScript的组成

  1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型
  2. BOM (Browser Object Model): 浏览器对象模型
  • 有一套成熟的可以操作浏览器的 API,通过 BOM 可以操作浏览器。比如: 弹出框、浏览器跳转、获取分辨率等
  1. DOM (Document Object Model): 文档对象模型
  • 有一套成熟的可以操作页面元素的 API,通过 DOM 可以操作页面中的元素。比如: 增加个 div,减少个 div,给div 换个位置等
    总结: JS 就是通过固定的语法去操作 浏览器 和 标签结构 来实现网页上的各种效果

JavaScript代码的书写位置

  • 和 css 一样,我们的 js 也可以有多种方式书写在页面上让其生效
  • js 也有多种方式书写,分为 行内式, 内嵌式,外链式
  1. 行内式 JS 代码(不推荐)
    写在标签上的js代码需要依靠事件来触发 image.png
  2. 内嵌式 JS 代码

image.png 3. 外链式 JS 代码(推荐)

image.png

JS 中的注释

  • 单行注释:直接写两个//,或者ctrl+/
  • 多行注释:/* / 或者shift+alt+a*

变量

含义:

  • 变量指的是在程序中保存数据的一个容器
  • 变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据
  • 也就是说,我们向内存中存储了一个数据,然后要给这个数据起一个名字,为了是我们以后再次找到他
  • 变量的本质是内存中一个存储单元
  • 语法: var 变量名 = 值

定义变量及赋值

  • 定义一个变量:var num;
  • 给一个变量赋值:num = 100;
  • 定义一个变量同时给其赋值: var num2 = 200;

image.png

变量的命名规则和命名规范

  • 规则:必须遵守的,不遵守就是错
  1. 变量名由数字、字母、英文下划线、美元符号$组成
  2. 严格区分大小写
  3. 不能以数字开头,不用汉字命名
  4. 不能是保留字或关键字
  5. 不能出现空格 -规范:建议遵守,不遵守不报错
  6. 变量名尽量有意义(语义化)
  7. 遵循驼峰取名法,多个单词组成时,第二个单词开始首字母大写;

访问变量值

image.png

变量内存结构图

image.png

数据类型(重点)

概念

数据类型引入: 不同容器可以放不同类型的东西,如:抽屉,可以放钥匙,也可以书本,还可以放money 根据容器放的东西的不同,将其分成不同类型

  • 是指我们存储在内存单元中值的类型
  • 我们通常分为两大类 基本数据类型 和 复杂数据类型
  1. 基本数据类型

image.png 2. 复杂数据类型

image.png 3. 判断数据类型

    • 既然已经把数据分开了类型,那么我们就要知道我们存储的数据是一个什么类型的数据
  • 使用 typeof 关键字来进行判断
  • isNaN(x) 函数用于检查其参数x是否是非数字值,是非数字值返回true,否则返回false
  1. 数据类型转换
  • 数据类型之间的转换,比如数字转成字符串,字符串转成布尔,布尔转成数字等
  • 其他数据类型转成数值

image.png

  • 其他数据类型转成字符串

image.png

  • 其他数据类型转成布尔

image.png

运算符

数学运算符

image.png

赋值运算符

image.png image.png

比较运算符

image.png image.png

逻辑运算符

image.png

自增自减运算符(一元运算符)

image.png

运算符优先级

image.png