JavaScript---1

Posted 两毛钱的月色

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript---1相关的知识,希望对你有一定的参考价值。

1.BOM - 浏览器对象模型

一套操作浏览器功能的API

通过BOM可以操作浏览器窗口,比如:弹出框、控制浏览器跳转、获取分辨率等

2.DOM - 文档对象模型

一套操作页面元素的API

DOM可以把html看做是文档树,通过DOM提供的API可以对树上的节点进行操作

3.javascript初体验

CSS:行内样式、嵌入样式、外部样式

4.JavaScript的书写位置

- 写在行内

<input type="button" value="按钮" onclick="alert(‘Hello World‘)" />

- 写在script标签中

<head>
<script>
alert(Hello World!);
</script>
</head>

- 写在外部js文件中,在页面引入

<script src="main.js"></script>

- 注意点

 

***引用外部js文件的script标签中不可以写JavaScript代码***

5.变量

1)什么是变量

变量是计算机内存中存储数据的标识符,根据变量名称可以获取到内存中存储的数据。

使用变量可以方便的获取或者修改内存中的数据。

2)如何使用变量

- var声明变量

var age;

 

- 变量的赋值

var age;
age = 18;

 

- 同时声明多个变量

var age, name, sex;
age = 10;
name = ‘zs‘;

 

- 同时声明多个变量并赋值

var age = 10, name = ‘zs‘;

 

3)变量在内存中的存储

var age = 18;

 

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

- 规则 - 必须遵守的,不遵守会报错

- 由字母、数字、下划线、$符号组成,不能以数字开头

- 不能是关键字和保留字,例如:for、while。

- 区分大小写

- 规范 - 建议遵守的,不遵守不会报错

- 变量名必须有意义
- 遵守驼峰命名法。首字母小写,后面单词的首字母需要大写。例如:userName、userPassword

6.简单数据类型

Number、String、Boolean、Undefined、Null

7.运算符的优先级

优先级从高到底:
1. () 优先级最高
2. 一元运算符 ++ -- !
3. 算数运算符 先* / % 后 + -
4. 关系运算符 > >= < <=
5. 相等运算符 == != === !==
6. 逻辑运算符 先&& 后||
7. 赋值运算符

 7.arguments的使用

JavaScript中,arguments对象是比较特别的一个对象,实际上是当前函数的一个内置属性。也就是说所有函数都内置了一个arguments对象,arguments对象中存储了传递的所有的实参。arguments是一个伪数组,因此及可以进行遍历。

 

function f1() {
      //arguments----->数组使用------伪数组---
      var sum=0;
      for(var i=0;i<arguments.length;i++){
        sum+=arguments[i];
      }
      return sum;
    }

    console.log(f1(10,20,30));

 

 

 

8.数组和对象的区别

对象就是包含 属性/值 的集合,数组就是一组 值 的集合 
数组具有一个最基本特征:索引,这是对象所没有的,通过 数组名[索引] 可以访问数组元素。

数组表示有序数据的集合,而对象表示无序数据的集合。如果数据的顺序很重要,就用数组,否则就用对象。

9.new关键字

new在执行时会做四件事情:

1)new会在内存中创建一个新的空对象
2)new 会让this指向这个新的对象
3)执行构造函数 目的:给这个新对象加属性和方法
4)new会返回这个新对象

10.this详解

JavaScript中的this指向问题,有时候会让人难以捉摸,随着学习的深入,我们可以逐渐了解
现在我们需要掌握函数内部的this几个特点
1. 函数在定义的时候this是不确定的,只有在调用的时候才可以确定
2. 一般函数直接执行,内部this指向全局window
3. 函数作为一个对象的方法,被该对象所调用,那么this指向的是该对象
4. 构造函数中的this其实是一个隐式对象,类似一个初始化的模型,所有方法和属性都挂载到了这个隐式对象身上,后续通过new关键字来调用,从而实现实例化

11.简单类型和复杂类型的区别

基本类型又叫做值类型,复杂类型又叫做引用类型。
值类型:简单数据类型,基本数据类型,在存储时,变量中存储的是值本身,因此叫做值类型。
引用类型:复杂数据类型,在存储是,变量中存储的仅仅是地址(引用),因此叫做引用数据类型。

 

以上是关于JavaScript---1的主要内容,如果未能解决你的问题,请参考以下文章

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

片段和活动之间的核心区别是啥?哪些代码可以写成片段?

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数

VSCode自定义代码片段8——声明函数