#编程语言
编程语言分为三种 机器语言、汇编语言、高级语言
Javascript属于一种高级语言
#Javascript是什么
Javascript是世界上最流行的语言之一,是一种在运行在客户端的脚本语言,不需要进行编译,运行过程中有js解析器来进行解析,并且执行!!
#Javascript作用有哪些?
表单动态效验、网页的特效、服务端的开发(js)、桌面级的应用(js、c#、c++)、App、Ruff、cocos2d-js
#Javascript的组成
Javascript:ECMA标准、DOM、BOM、ECMA是来定义了Javascript的基础语法、DOM文本文档对象模型、BOM浏览器窗口模型
#Javascript的输出方式
alert窗口输出、console控制台输出、prompt提示窗口
#Javascript的引入方式
行内式、内嵌式、外链式
引入方式
行内式:
<burron onclick="alert('您好')">点击</button>
内嵌式:
<script>
alert("您好");
</script>
引入式:
首先需要有引入的文件
<script src="./文件.js"></script>
注释
//单行注释
/*多行
注释*/
Javascript的输出
<script>
窗口输出
alert("您好");
控制台输出
console.log("您好");
提示窗口输出
prompt("您好");
</script>
变量
<script>
变量就是用来存储数据的,我们可以通过变量的名称来获取数据
var就是变量声明的关键词 age是名的名字
var age;
我们需要给变量赋值,赐予它意义
age = 10;
给变量初始化
var age =10;
console.log(age);在控制台显示这个变量
声明多个变量
var age,name;
var age=20,name="zhang";
alert(age);
prompt(name);
</script>
<script>
变量的命名
age这个变量的名字并不是随便的定义的!
变量的命名是由字符、数字、下划线、美元符号组成的。
不能以数字和特殊符号以及关键字来开头。
变量名严格区分大小写的。
变量的定义最好有一定的意义。
最好使用驼峰命名法进行命名。
var age =10;
console.log(age);
驼峰命名法
var myTest = 10;
</script>
变量的数据类型
<script>
数据类型分为字符串、数字类型
var age = 20; 数字类型
var name = "您好"; 字符串类型
</script>
数字类型
<script>
var num1 = 10;
var num2 = 19;
var num3 = 0xa;
inNaN == 判断是否不是一个数字
console.log(isNaN(num1)) 全称 isNot a Number
</script>
字符串
<script>
在定义字符串时,单引号和双引号都是可以的
var string1 = "中国加油";
var string2 = '武汉加油';
字符串的转义字符
\n == 换行
\\ == \本来是转义字符,现在变成了普通的字符
\"" \''
\t 缩进空格
\b 空格
var string3 = "锄禾日当午\n汗滴禾下土";
var string4 = "举头望明月 \b 低头思故乡";
字符串的长度
var string5 = "您好!!";
console.log(string6.length);
字符串的拼接
var string6 = "一支穿云箭";
var string7 = "千军万马来相见";
console.log(string6 + "\n" + string7);
</script>
显示年龄的案例
<script>
输出的方法有三种alert窗口、console.log控制台、prompt提示窗口
var age = prompt("请输入您的年龄");
var str = "您今年的年龄已经" + age + "岁了";
console.log(str);
</script>
布尔值类型
<script>
布尔值类型true和false
true真 false假
布尔值和数字相加时 true = 1
布尔值和数字相加时 false = 0
var flag = false;
console.log(flag + 1);
var str = flag + "布尔值"
console.log(str)
</script>
其它的数据类型
<script>
undefined是未定义的意思
var name;不给这个函数赋予意义
var str = '您的名字是' + name;
console.log(str);
null也是一种数据类型!为空
var age = null;
当数字和字符串进行拼接时,会自动将数字转换为字符串
console.log(111 + "您好");
当字符串数字和数字相减时,就会自动将数字字符串转换为数字
console.log("110" - 10);
NaN == not a number 检测是不是一个数字
console.log("您好" - 10);
</script>
检测连梁的数据类型
<script>
var str = "您好";
var a;
var b = null
typeof使用方法 typeof 变量名称
console.log(typeof(str)); string字符的意思
console.log(typeof 110)); number数字的意思
console.log(typeof true); biikeab布尔类型
console.log(typeof a); undefined未定义的
console.log(typeof null); object 空
</script>
字面量
<script>
console.log(18);
console.log("123123");
console.log(true);
console.log(undefined);
字面量就是字面的意思
</script>
转换成字符串类型
<script>
数据类型 string number boolean object undefined
var num = 10;
此时的num转换成了数字,为隐式转换
console.log("您的数字为:" + num);
显式转换
var num = 10;
console.log(num.toString());
console.log(String(num));
</script>
转换成数字类型
<script>
parseInt变量
这个parseInt不仅可以转换字符串,而且转换出来的是一个整数
console.log(parseInt("3.1415926"));
这个函数只会显示数字,字符串只会删除
console.log(parseInt("110,您好"));
如果字符串在前面数字在后面这段代码会出错
console.log(parseInt("您好,110"));
parseFloat变量
可以将字符串类型转换成数字且保留小数点后面的数字
console.log(parseFloat('3.1415926'));
利用Number函数
var str = "123";
console.log(Number(str));
减号可以隐式转换字符串为数字
console.log("123" - 10);
console.log("123" * 2);
布尔类型转换成数字
var flag = false;
console.log(Number(flag));
</script>
计算年龄
<script>
从输入框中得到一个年龄
var year = prompt("请输入您的出生年龄");
console.log(typeof year);
var age = 2020 - year;
console.log("您今年的年龄是:" + age);
</script>
加法计算器
<script>
var num1 = prompt("请输入第一个值");
var num2 = prompt("请输入第二个值");
var num3 = Number(num1) + Number(num2);
console.log(result);
</script>
布尔值案例
<script>
var flag = prompt("请输入您要输入的bool值:");
console.log(flag);
在布尔类型转换的时候,如果不是0、''、NaN、null、undefined,其他转换过来都是true
console.log(Boolean(flag))
</script>
#长用到的单词 Programming:程序、Language:语言、Document:文本文档、Browser:浏览器、object:对象、model:模型、console:控制台、log:日志、length:长度、parse:解析