JS
它它它是什么?
js是一门互联网上最流行的脚本语言
- 它是一种轻量级的编程语言
- 它是一种弱类型语言
- 它是可插入HTML页面的编程代码
- 它可由所有的现代浏览器执行
- 很容易学习!!!!!
它能干啥
js是世界上最好的(确信),所以我们能用它干啥
举好几个栗子
- 我们登录的时候js会将我们的输入的数据进行一些判断
- 网页中好看的动画效果有的也可以用js实现的
- 等等
最基本的调试方法
作为一名合格的程序员,我们要先学会调试,自己的程序报错,
要自己调试看看哪里出错了,那我们前端程序员最常用到的也就是打印
var a = '我爱灰太狼'; console.log(a); 复制代码
开始正式学习
我们能将js代码放在哪里
我们学习了html和css那么我们能将js放在哪里呢?
- 行内式
<input onclick="alert('瑞瑞女装')"> 复制代码
- 内嵌式
<script> alert('js'); </script> 复制代码
- 外部引入
<script src="./index.js"></script> 复制代码
我们的老朋友——变量
大家都学习了c语言,那么对变量也有了一定的理解,但是在js中变量是松散类型的,可以保存任何值
未进行初始化的变量会保存一共特殊的值-undefined
变量的命名规范
js中的变量是有命名规范的
- 变量必须以字母开头
- 变量名称对大小写敏感(A和a是不同的变量)
let a; let 1a; let A; 复制代码
声明变量
大家也看到上面我声明变量的方式了,一共有三种,这三种方式主要的区别就是变量的作用域
- var:
- let:
- const:
数据类型
- 动态类型
动态类型即是相同的变量可用作不同的类型
int a; float c; char a; 复制代码
var a = 1; var b = "1" var c = "123" typeof(a) typeof(b) typeof(c) 复制代码
- 字符串
字符串是存储字符)的变量。
字符串可以是引号中的任意文本,可以使用单引号或双引号:
var carname="my name id cxy"; var carname='my name id cxy'; 复制代码
字符串也可以进行拼接即两个字符串拼接成一个字符串,1+1=1
var a = "1" var b = "2" console.log(a+b) 复制代码
当然我们字符串拼接中可以拼接变量,解决一些内容要随着数据更改的要求
var a = 20 console.log('cxy'+a+'岁') 复制代码
其中单引号与双引号在语法上没有区别,也仅仅只是在规范上有所不同。 3. 数字
js中只有一种数字类型,这和c语言有极大的不同
var a = 100; typeof(a); var b = 3.14; typeof(b); 复制代码
- 布尔 布尔只有true和false两个值
- 数组
在程序中数组是我们经常要用到的
var array = new Array(); array[0] = 1; array[1] = "qinli" console.log(array); 复制代码
- Undefined 在 JavaScript 中,没有值的变量,其值是 undefined。typeof 也返回 undefined。
var a; console.log(a) //输出undefined 复制代码
- 对象👩🦰🧑
大家都知道对象是什么吗😛
其实他和c语言的结构体类似 比如我声明一个学生的结构体,给他赋予一些属性,比如名字,年龄,专业,等等 那么我们在js中声明一个对象,赋予对象名字,年龄,性别的属性。
var person={ name : "John", id : 5566 }; console.log(person.name) console.log(person["name"]) 复制代码
- Null NULL是一共比较特殊的变量
typeof(null) //输出结果为object 复制代码
这是因为null表示一个空对象指针 它与undefined的区别是它是空值,undefined是未定义
我们的左膀右臂——函数
函数声明与函数表达式
- 函数声明
function myname(){ var name = "cxy" return name; } 复制代码
- 函数表达式
var myname = function(){ var name = "cxy" return name; } } 复制代码
两者有啥区别呢?
大概也就是读取先后的区别吧
函数声明会被解析器率先读取出来,调用不会发生报错
函数表达式则要等到"很久很久很久"才会被解析,调用的话会报错。