JavaScript基础

149 阅读5分钟

#编程语言

编程语言分为三种 机器语言、汇编语言、高级语言

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>
布尔值类型truefalse
truefalse假
布尔值和数字相加时 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:解析