js基础入门

125 阅读2分钟

前言 什么是JavaScript?

JavaScript是一种基于对象和时间驱动的脚本语言 JavaScript特点:

  1. 交互、脚本语言、解释性语言
  2. 边执行边解释

JavaScript的组成

一、ECMAScript: 是一种语法标准,编码遵循ECMAScript标准。
二、BOM: Browser Object Model(浏览器对象模型),提供了独立于内容窗口进行交互的对象
三、DOM: Document Object Model (文档对象模型),是HTML文档对象模型(HTML DOM)定义的一套标准方法,用来访问和操纵HTML文档。

graph TD
JavaScript --> ECMAScript
JavaScript --> BOM
JavaScript --> DOM

js规范:

  1. 写js代码要在script标签里面去编写
  2. 引入外部链接为<script src=""></script>
  3. js文档对象可以接受双引号,也可以接受单引号,单引号里面不能用单引号,双引号里不能用双引号需要混合使用
  4. 多行注释为/**/,单行为//

3.png

一、 向html中打印document.write

var xh , yw , sx ;
xh ='学号为' + 101;
yw ='语文成绩' + 100 + '分';
sx ='数学成绩' + 98 + '分';
document.write(xh + '<br>',yw + '<br>',sx);

打印在html中页面显示如下:

5.png

二、 console.log控制台打印方法:

<script>
    var name = '迪丽热巴';
console.log(name);
</script>

浏览器中用检查可以发现name赋的值会打印在控制台中,如下图:

4.png

如果声明变量之后没有赋值,那么打印在控制台,控制台会显示undefined

三、 提示窗口alert:

<script>
    alert('欢迎你')
</script>

效果如下图:

2.png

四、js声明变量var:

声明变量如下图代码:

1.png

alert会输出赋值的name为:迪丽热巴
可以声明多个变量

五、js声明变量let

与var的用法一样,var 可以重复声明一个变量把写在上面的变量覆盖,
而 let 不能重复声明变量,比var更加严谨,如果重复声明会报错

六、数据类型

值类型(基本类型):字符串(String)、数字(Number)、布尔(Boolean)、对象(Object)、未定义(Undefined)。

  1. String:使用双引号或者单引号引用,任何数据都为字符串
  2. Number:阿拉伯数字
  3. Boolean:true 和 false
  4. Object:对象,相当于先祖,所有的数据都可以成为object
  5. Undefined:没有定义的变量

typeof数据类型查看:
用法:console.log(typeof num) 在typeof后加上声明的变量可以在控制台中查看变量的数据类型

七、特殊运算符+

+可以作为拼接使用如:

document.write(xh + '<br>',yw + '<br>',sx);

+也可以作为加法如:

document.write(1 + 1) /* - 减法也是如此*/

++表示自增 如:

let num = 1document.write( num++) /*得到的结果为2  表示num自加1  (--同理)*/