目录
01 js概述
前端的三大技术:
1.html结构标准
2.css表现标准
html和css由(万维网联盟)推出的标准
3.JavaScript行为标准
负责网页的动态效果 表单的验证
ECMA 欧洲计算机制造商协会 推出的标准
JavaScript 简称js 特点:简单易用 上手容易 精通难
js运行需要js解释器
运行在浏览器中的 因为绝大部分浏览器都内置js解析器
js是受事件驱动执行的
js的三大核心:
ECMAScript: js基础语法
DOM
BOM
02 js代码的基本使用
注释:
//单行注释
/*多行注释*/
弹窗:
1.信息确认弹窗 alert()
2.选择弹窗 confirm()
3.输入弹窗 prompt()
日志输出:
普通日志: console.log()
警告日志:console.warm()
错误日志:console.error()
03 js变量的基本使用
概念:值可以发生改变的量 就是变量.
变量就是一个容器 用来存储程序运行过程中 产生的临时的数据
变量的创建:
变量声明 和 变量赋值
变量声明 var 变量名;
变量赋值 变量名 = 值;
变量的初始化: 声明变量的同时赋值
变量的命名规则:
变量名不能使用数字开头或者纯数字作为变量名
不建议使用中文作为变量名
不能使用关键字或者保留字
04 变量的类型
变量的类型分类:
1. 基本数据类型(简单数据类型/值类型)
number(数值型) :包括整数 小数 正负数
string(字符串型):是由单引号或者双引号包起来的
boolean(布尔类型):只有两个值 true(真)false(假)
undefined(未定义):值为undefined
当一个变量声明后没有赋值的情况下 这个变量的值就是undefined。
null 空值
2. 引用数据类型(复杂数据类型)
变量的语法扩展:
1.更新变量
2.声明多个变量:
var a=1,
b=2,
c=3;
3.声明变量的特殊情况
1.只声明不赋值 返回值为undefined
2.不声明 不赋值 直接使用这个变量 (会报错)
3.不声明直接赋值 (变量可以正常使用,系统能自动声明)
05 数值类型
数字型的最大值:console.log(Number.MAX_VALUE);
数字型的最小值:console.log(Number.MIN_VALUE);
无穷大:console.log(Number.MAX_VALUE*2);
无穷小:console.log(-Number.MAX_VALUE*2);
非数字(NaN)
任何关于NaN的操作 返回值都是NaN NaN 不与任何值相等 包括它本身
isNaN()判断是否为非数字
是非数字返回true,否则返回false
06 字符串类型
获取字符串的长度:变量名.length
字符串拼接 符号 +
字符串和其他类型拼接 最终得到的都是字符串
变量和字符串拼接的时候 引引加加
console.log('希望大家永远'+age+'岁');
模板字符串的写法:
console.log(`希望大家永远${age}岁`);
07 布尔类型
true参加加法运算的时候看做是1
false参加加法运算的时候看做是0
NaN undefined和数字相加 最终结果是NaN
null 空值 参与加法运算看做是0
08 使用typeof查看变量的类型
<script>
var a;
console.log(typeof a);//undefined
var num=10;
console.log(typeof num);//number
var num1=3.1415926;
console.log(typeof num1);//number
var b=NaN;
console.log(typeof b);//number
var str='今天学习真开心';
console.log(typeof str);//string
var boo=true;
console.log(typeof boo);//boolean
var c=null;
console.log(typeof c); //object
</script>
09 其他类型转换为字符串类型
方法:
1.利用字符串拼接的特点转换:
变量+' ' 变量的后面拼接一个空字符串
2.变量.toString( ) 转换成字符串
数值无法直接调用toString方法 会报错
3.String(其他数据类型的变量名)
10 其他数据类型转换为数值型
隐式类型转换:
一旦字符串和数值类型进行减乘除运算的时候 会自动将字符串转换成number数值类型
console.log(其他数据类型变量名 * 1)
强制类型转换:
1.parseInt(字符串)
从左往右解析 遇到非数字停止 返回数字部分 如果开头就是非数字 则返回NaN
2.parseFloat(字符串)
解析规则和parseInt一样 只不过他能多解析出来小数
3.Number(字符串)
字符串必须时纯数字才能解析成功 否则就返回NaN
11 其他数据类型转换成布尔类型
方法: Boolean(其他数据类型)
邪恶六兄弟 false 0 "" undefined null NaN
除了这六兄弟转换成布尔值是false以外 其他的所有值转换成布尔值都是true
12 小知识点
将未定义未赋值的变量赋值给其他的变量 则输出的结果为undefined 。
var a=10;
var a=b; //b自动被系统认为是没有定义没有赋值的变量,所以a=b 结果为undefined
console.log(a) //返回值为undefined
标签:01,console,log,JavaScript,笔记,js,var,字符串,变量 From: https://blog.csdn.net/m0_47045804/article/details/136844226