【前端三剑客——JS】js基础理解

2401_84419493

已于 2024-05-01 01:52:50 修改

阅读量473

点赞数 13

分类专栏：程序员文章标签： javascript 前端开发语言

于 2024-05-01 01:52:48 首次发布

本文链接：https://blog.csdn.net/2401_84419493/article/details/138361491

版权

程序员专栏收录该内容

197 篇文章 1 订阅

订阅专栏

3.4 注释

//

/* */

4. 输入输出语句

**较为常用: **

| 方法 | 说明 | 归属 |

| :-: | :-: | :-: |

| alert(msg) | 浏览器弹出警示框 | 浏览器 |

| console.log(msg) | 浏览器控制台打印输出信息 | 浏览器 |

| prompt(info) | 浏览器弹出输入框,用户可以输入 | 浏览器 |

注意：

alert() 主要用来显示消息给用户，console.log() 用来给程序员自己看运行时的消息。

变量

=====================================================================

程序在了内存中申请的一块用来存放数据的空间

使用:

声明

var age;

// var是JS关键字,variable变量
赋值

age = 10;

结合: var age = 10;
变量命名规范
- 严格区分大小写
- 首字母小写，后面单词的首字母需要大写。 myFirstName

数据类型

=======================================================================

1.1 类型

JavaScript 是一种弱类型或者说动态语言。这意味着不用提前声明变量的类型，在程序运行过程中，类型会被自动确定。*

var age = '是的'; // 这是一个字符串

JS引擎根据右边变量值的数据类型来判断

上述也就意味着,JS拥有动态类型,变量的类型可以发生变化

1.2 分类

简单数据类型
1. Number
2. String
3. Boolean
4. Undefined
5. Null
复杂数据类型
1. object

1.3 简单(基本)数据类型

| 类型 | 说明 | 默认值 |

| :-: | :-: | :-: |

| Number | 数字型,包括整形和浮点型 | 0 |

| Boolean | 布尔型 | false |

| String | 字符串 | “” |

| Null | var a = null; 声明a为空值 | null |

| Undefined | var a; 声明了变量a 但没有给值 | null |

1.3.1 Number

八进制在前面加0,十六进制在前面加0x
范围

最大值-1.7976931348623157e+308 Number.MAX_VALUE

最小值-5e-32 Number.MAX_VALUE

三个特殊值


alert(Infinity);  // Infinity

alert(-Infinity); // -Infinity

alert(NaN);       // NaN   代表一个非数值

isNaN()

判断一个变量是否为非数字的类型，返回true或者false

返回true表示不是数字

1.3.2 String

字符串加双引号或单引号

JS可以用单引号嵌套双引号,或者反过来

转义符


\n 换行符

\\ 斜杠

\' 单引号

\" 双引号

\t tab缩进

\b 空格

length 属性

通过其可以获取整个字符的长度


var strMsg = "我是帅气多金的程序猿！";

alert(strMsg.length); // 显示 11

拼接

多个字符串之间可以使用 + 进行拼接，其拼接方式为 字符串 + 任何类型 = 拼接之后的新字符串


//1.1 字符串 "相加"

alert('hello' + ' ' + 'world'); // hello world

//1.2 数值字符串 "相加"

alert('100' + '100'); // 100100

//1.3 数值字符串 + 数值

alert('11' + 12);     // 1112

与变量拼接


console.log('pink老师' + 18);           // 只要有字符就会相连 

var age = 18;

// console.log('pink老师age岁啦');       // 这样不行哦

console.log('pink老师' + age);          // pink老师18

console.log('pink老师' + age + '岁啦');  // pink老师18岁啦

// 注意,变量不可以加引号,否则会被认定为字符串

1.3.3 Boolean

当布尔型和数字型相加时,true表示1,false表示0

1.3.4 Undefined和Null

注意两者的区分

Undefined加数字相加,为NaN

1.3.5 获取检测变量的数据类型

typeof num


var num = 18;

console.log(typeof num) // 结果 number

1.3.6 数据类型转换

注意： 使用表单，prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算，而是需要进行变量的数据类型转换

转换为字符串

toString()


var num = 1; alert(num.toString());//转换成字符串

String()强制转换


var num = 0; alert(String(num))//它可以将任何类型强制转换为字符串

加号拼接成字符串

和字符串拼接的结果是字符串,也被称为隐式转换
```
var num = 1; alert(num+"字符串转换")
```

转换为数字型
1. parseInt(string)函数
  
  parseInt('78') 转换为int
```
若得到'120px',转换会去掉px

若是'rem120',转换会直接输出为NaN(parseFloat也是如此)
```
2. parseFloat(string)函数 // 只能解析十进制数,若解析内容只有整数,则解析为整数
  
  parseFloat('78.21') 转换为float
3. Number()强制转换函数
  
  Number('12')
4. js隐式转换(- * /)
  
  利用算术运算隐式转换
  
  '12'-0
- 小加法例子
```
// 1. 先弹出第一个输入框，提示用户输入第一个值 

 var num1 = prompt('请输入第一个值：');
```

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？
…