JavaScript 基础

Posted 旭东东ღゝ◡╹)ノ♡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript 基础相关的知识,希望对你有一定的参考价值。

一、javascript简介

JavaScript一种轻量级的脚本语言,也是一种嵌入式(embedded) 语言,是一种对象模型语言,简称JS

JavaScript的核心语法部分(语言本身)很精简,只包括两个部分:

●1:基本的语法构造(比如操作符、控制结构、语句);
●2:标准库(就是一系列具有各种功能的对象比如Array、Date、Math等)。

想要实现其他复杂的操作和效果,都要依靠宿主环境提供API,目前,已经嵌入JavaScript的宿主环境有多种,最常见的环境就是浏览器,另外还有服务器环境(操作系统)

JavaScript现在的意义(应用场景),JavaScript发展到现在几乎无所不能。

●1.网页特效
●2.服务端开发(Node.js)
●3.命令行工具(Node.js)
●4.桌面程序(Electron)
●5.App(Cordova)
●6.控制硬件-物联网(Ruff)
●7.游戏开发(cocos2d-js)

JavaScript:可以用来控制网页内容,给网页增加动态的效果

二、一段简单的JS代码

1.将JS代码写在html行内

<input type="button" value="按钮" onclick="alert(123)">

2.在 <script></script> 标签里写JS内容

<script>
    alert(345)
</script>

3.将js文件引入到html中执行

	<script src="js文件路径及文件名"></script>

三、声明变量和赋值

1.声明一个变量并赋值

var idol = \'杨旭东男神\';

数值,字符串和命名规则同java

2.打印结果

console.log(idol.length);

3.数据类型

NUmber、String、Boolean、Undefined、Null、Object

检验数据类型

var idol = \'杨旭东男神\';
console.log(typeof idol);

注意:

●既可以作为数学运算符使用,也可以作为字符串拼接使用
●从前往后进行运算,如果两个变量都是数值型,那么加号作为数学运算符
●直到遇到一个字符串,此后所有的加号都是字符串拼接

四、注释

同java

五、数值类型转换

1.其他类型转字符串

var n = 1;
var s = n.toString();
console.log(typeof s);
或者
console.log(String(n));
或者
var s = \'\' + n;

2.数值类型转换

var a = \'1\';
var b = Number(a);
如果是null转换为数值型则为0,其余为NaN

用parseFloat转换时,如果内容的前几个元素是数字则显示数字,其余舍弃。如果是其他的,则转换为NaN

3.布尔类型转换

var a = Boolean(\'0\');
var b= Boolean(0);
var c = Boolean(\'1\');
var d = Boolean(null);
var e = Boolean(undefined);
var f = Boolean(\'\');
var g = Boolean(\' \');
console.log(a,b,c,d,e,f,g);


结论:布尔类型转换时,只有当括号里有内容时,才会是true

六、操作符

1.算术运算符 + - * / %

var n1 = 5;
++n1;
var n2 =6;
console.log(n1 + n2++);
console.log(n1);
console.log(n2);

注意:

●如果操作符在变量前面,先进行自身运算,再进行其他运算
●如果操作符在变量后面,先进行其他运算,再进行自身运算

2.逻辑运算符

&& || ! 与 或 非

●在JS中,逻辑运算的结果是决定整个表达式的子表达式的值。
●注意有运算优先级,先运算&&,再运算||

3.比较运算符

全等于 ===

判断内容是否相等的同时还判断类型是否相等

不全等 !==

其余同java

4.赋值运算符与运算符的优先级

同java

七、流程控制

同java

八、JavaScript 数组

同java

注意:

●数组里面可以放数组,多维数组
●数组里面可以放任意类型的数据

九、JavaScript函数

1.函数的声明方式

●关键字声明
function function_name (argument) {
    // body...
}
●表达式声明
var f(函数名) = function() {
    // body...
}

注意:

●函数和数组的数据类型是对象
●当函数调用函数时,调用函数会被当作值传入函数内。叫做回调
●将函数作为值返回到外面。叫做闭包

2.形参和实参

//形参k
function s(k) {
    var n = 0;
    for (var i = 0;i <= k; i++) {
        n += i;
    }
    console.log(n)
}
//实参 100 ,1000
s(100);
s(1000);

3.自调用匿名函数

(function  () {
    alert(123);
})();

防止全局变量的污染,封装一个局部作用

4.作用域

与java类似

注意:

●如果函数与变量重名,那么函数声明会替换变量声明
●当函数中使用某个变量时,优先在自己的作用域中查找,如果找不到,就会向上一层作用域查找,直到全局作用域。

十、JavaScript 对象

1.对象的声明及使用

●自变量声明对象

var obj1 = {};
//对象中的数据都是键值成对存在的,只是函数则称为方法,其他类型的值都是属性
var obj2 = {name:\'杨旭东\',age:21,height:175,attr:function(){}};

●实例化方式 声明对象(内置构造函数)

var obj3 = new Object();

●自定义构造函数方式

function Fun(){
    //body...
}
//实例化自定义构造函数方式声明对象
var f = new Fun();

●对象的调用

var obj2 = {
    name:\'杨旭东\',
    age:21,
    height:175,
    abc:function(){
        console.log(3);
    }
//调用
console.log(obj2.name);
obj2.abc();

2.this 的用法

●第一种使用方式

var obj2 = {
    name:\'杨旭东\',
    age:21,
    height:175,
    abc:function(){
    //在方法中的 this 指的就是这个方法的所在的对象
        var s = this.height;
        console.log(s);
    }
    
    obj2.abc();

●this 指向全局对象

注意:

this 运行在哪个对象下,就指向哪个对象

3.对象的遍历及删除

for(键 in 对象) 也可以遍历数组

var obj4 = {
    name:\'杨旭东\',
    age:21,
    height:175,
}
//遍历
for (var k in obj4) {
    console.log(obj4[k]);
}

删除对象中的属性

delete obj4.age;

4.包装对象

三种原始类型:数值、字符串、布尔型

●原始类型的数据在一定条件下可以自动转为对象,这就是包装对象
●原始值可以自动当对象来调用,可以调用各种属性及方法
●如果包装对象使用完成,会自动立即销毁

5. JS 标准内置对象

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects

以上是关于JavaScript 基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段