初识Javascript

Javascript简称js,js是一种脚本语言,(js是一种解释性语言),是不需要进行编译的,也是浏览器中的一部分,经常用在web客户端脚本语言,主要是用来给html增加动态功能。 
 
JavaScript 的能做的事情:
 
网页开发(更复杂的特效和用户交互)
 
网页游戏开发服务器开发(node.js)
 
桌面程序开发(Electron, VSCode 就是这么来的)
 
手机 app 开发
 
JavaScript 和 HTML 和 CSS 之间的关系
 
HTML: 网页的结构(骨)
 
CSS: 网页的表现(皮)
 
JavaScript: 网页的行为(魂)
 
JavaScript 的编写形式
 
1.关联在HTML中进行
 
1)内部方式管理<script>js</script>
 
2)  外部引入<script src=”js的资源的url”></script>
 
2.直接在浏览器的开发者工具的控制台进行编写(学习阶段)
 
JS的输入输出
 
 输入: prompt 
 
 弹出一个输入框
 
// 弹出一个输入框
 
prompt(”请输入您的姓名:”);
 
 输出: alert 
 
  弹出一个警示对话框, 输出结果
 
// 弹出一个输出框
 
alert(”hello”);
 
输出: console.log
 
在控制台打印一个日志
 
// 向控制台输出日志
 
console.log(”这是一条日志”);
 
语法概览 
 
变量的使用
 
var name = ‘zhangsan’;
 
var age = 20;
 
代码示例: 弹框提示用户输入信息, 再弹框显示。 
 
var name = prompt(”请输入姓名:”);
 
var age = prompt(”请输入年龄:”);
 
var score = prompt(”请输入分数”);
 
alert(”您的姓名是: ” + name);
 
alert(”您的年龄是: ” + age);
 
alert(”您的分数是: ” + score);
 
JS是动态类型
 
1) JS 的变量类型是程序运行过程中才确定的(运行到 = 语句才会确定类型)
 
2) 随着程序运行, 变量的类型可能会发生改变。 
 
这一点和 C Java 这种静态类型语言差异较大。
 
C, C++, Java, Go 等语言是静态类型语言。 一个变量在创建的时候类型就确定了, 不能在运行时发生改变。 如果尝试改变, 就会直接编译报错。
 
动态类型语言,脚本语言,解释性语言,胶水语言,弱类型语言:
 
js,python,perl,php…
 
静态类型语言,编译性语言,强类型语言:
 
c,c++,java…
 
基本数据类型
 
JS 中内置的几种类型number:
 
1)   数字。 不区分整数和小数。
 
2)   boolean: true 真, false 假。
 
3)string: 字符串类型。
 
4)undefined: 只有唯一的值 undefined. 表示未定义的值。
 
5)null: 只有唯一的值 null. 表示空值。 
 
number数字类型表示
 
特殊的数字值
 
Infinity: 无穷大, 大于任何数字。 表示数字已经超过了 JS 能表示的范围。
 
-Infinity: 负无穷大, 小于任何数字。 表示数字已经超过了 JS 能表示的范围。
 
NaN: 表示当前的结果不是一个数字。 
 
var max = Number.MAX_VALUE;
 
// 得到 Infinity
 
console.log(max * 2);
 
// 得到 -Infinity
 
console.log(-max * 2);
 
// 得到 NaN
 
console.log(’hehe’ – 10);
 
string 字符串类型
 
基本规则
 
字符串字面值需要使用引号引起来, 单引号双引号均可。
 
var a = “haha”;
 
var b = ‘hehe’;
 
字符串拼接
 
使用 + 进行拼接
 
var a = “my name is “;
 
var b = “zhangsan”;
 
console.log(a + b);
 
boolean 布尔类型
 
表示 “真” 和 “假”
 
undefined 未定义数据类型
 
如果一个变量没有被初始化过, 结果就是 undefined, 是 undefined 类型
 
null 空值类型
 
null 表示当前的变量是一个 “空值”. 
 
比较运算符
 
== 比较相等(会进行隐式类型转换)
 
!=
 
=== 比较相等(不会进行隐式类型转换)
 
!==
 
数组
 
创建数组
 
使用 new 关键字创建
 
var arr = new Array();
 
使用字面量方式创建 [常用]
 
var arr = [];
 
var arr2 = [1, 2, ‘haha’, false]; // 数组中保存的内容称为 “元素”
 
注意: JS 的数组不要求元素是相同类型。 这一点和 C, C++, Java 等静态类型的语言差别很大。 但是 Python, PHP 等动态类型语言也是如此。 
 
新增数组元素
 
1. 通过修改 length 新增 相当于在末尾新增元素。 新增的元素默认值为 undefined
 
2. 通过下标新增 如果下标超出范围赋值元素, 则会给指定位置插入新元素
 
3. 使用 push 进行追加元素
 
代码示例: 给定一个数组, 把数组中的奇数放到一个 newArr 中。
 
var arr = [9, 5, 2, 7, 3, 6, 8];
 
var newArr = [];
 
for (var i = 0; i < arr.length; i++) {
 
    if (arr[i] % 2 != 0) { 
 
       newArr.push(arr[i]); 
 
  }
 
}
 
console.log(newArr);
 
删除数组中的元素
 
使用 splice 方法删除元素
 
var arr = [9, 5, 2, 7];
 
// 第一个参数表示从下表为 2 的位置开始删除。 第二个参数表示要删除的元素个数是 1 个
 
arr.splice(2, 1);
 
console.log(arr);
 
// 结果[9, 5, 7]

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64252.shtml

张贴在3