JS学习笔记-day01

JavaScript的认识

JavaScript的特点
1 弱类型语言
java是强类型语言,以声明变量为例子,float num = 0.23 需要指定数据类型
在js中,不需要指定数据类型 var num = 100; var num1 = 0.123;
2 跨平台
js语言既可以运行在html文件中,可以运行在node环境中…

JavaScript的引入

1.行内式 强烈不推荐 低耦合,不方便后期维护
2.内联式 现阶段常用
3.引入外部js文件推荐
注意：外部的css文件是通过link标签引入；外部的js文件是通过script标签的src属性引入
script标签中只要存在src属性,script标签内部的代码不会被执行

JavaScript的输出

1.输入到控制台
console.log() 常用,简写log 选择正方形的图标 + enter
console.dir(); 显示详细信息(目录)
console.table(对象) 输出表格
console.clear(); 清空控制台
console.error(); 输出错误信息
console.warm(); 输出警告信息

2.输出到页面
2.1 document.write(“”)
将内容添加到body标签中,不会覆盖之前的内容,会识别html标签
2.2 innerHTML(“”)
将内容添加到指定的标签中,会覆盖之前的内容,会识别html标签； 标签.innerHTML = “”
2.3 innerText(“”)
将内容添加到指定的标签中,会覆盖之前的内容,不会识别html标签；标签.innerText = “”

怎么获取指定的标签?
document.querySelector(“css选择器”);

3.弹框
3.1 弹框:alert(“”) window.alert()
点击确定返回值是undefined
3.2 输入框:prompt(“”) window.prompt()
点击确定返回值是用户输入的内容,点击取消返回值是null
3.2 确认框:confirm(“”) window.confirm()
点击确定返回值是true,点击取消返回值是false

JavaScript的变量声明

1.变量:临时存储任意数据类型的数据的容器
2.声明变量: var关键字声明变量(es5),let和const声明变量(es6)
3.变量名:
变量名只能由字母,_下划线,$符号,数字组成
不能以数字开头
严格区分大小写
不能是关键字或者保留字
多个单词使用驼峰式命名法
尽量不要用中文命名

JavaScript的数据类型

1. 数据类型
   1.1 基本数据类型-原始数据类型(栈内存)
   字符串(string)、数值(number)、布尔类型(Boolean) 、空(null) 、未定义(undefined)
   1.2 引用数据类型(堆内存)
   数组(Array)、对象(Object)、函数(Function)
   2.检测数据类型 typeof操作符
   语法: typeof xxx 或者 typeof(xxx)
   3.转义符号
   \n ==> 换行 " ==> " ’ ==> ’

JavaScript的数据类型之间的相互转化

            数据类型              true              false
            string              非空字符           空字符串""
            number              非0非NaN           0(-0)和NaN
            null                  /                  null
            undefined             /                undefined
            引用数据类型         引用数据类型           /

隐式转换: 将其他类型转换为数值类型 + - * / %

JavaScript的运算符

一元操作符:涉及一个变量的操作
一元加 num++ --num；前自加:在运算之前+1；后自加:在运算之后+1

三目运算符(Vue框架): 表达式 ? 表达式为true执行的语句 : 表达式为false执行的语句

比较运算符:返回值是布尔值
> < >= <= == != === !==

        ==的判断流程(面试常问):

        两个都为数值直接进行比较
        数值和字符串进行比较,将字符串转换为数值类型在比较
        布尔值和数值进行比较,将布尔值转换为数值
        null和undefined进行比较,null == undefined为true
        引用类型比较,先调用valueOf()方法获取原始值(一般为它本身),在调用toString()方法