js学习——基础知识

Posted 记性不好,多记记吧

tags:

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

javascript                        

//这是注释
a = 1;//简单赋值语句

数据类型                        

js有动态类型,也就是相同的变量可用作不同类型(python也是)

数字 Number

var x = 5;//只有一种数字类型

var x = 5.0;

var x = 5e5;

var x = 5e-5;

所有数据都以 64 位浮点型数据存储

字符串 String var x = "5";
布尔 Boolean

var x = true;

var x = false;

数组 Array

var x = new Array();x[0] = 0;

var x = new Array("0", "1");

var x = ["0", "1"]

对象 Object

//对象是属性和方法的容器

var x = {zero:0,first:1};//name:value

var zero = x.zero;//访问对象属性

var first = x["first"];

函数 function

a = function(){}

Null var x = null;//null可用来清空变量
未定义 Undefined

 var x;//变量不含值

null和undefined值相同,但类型不同

函数、方法                        

函数 方法
  在对象x中定义函数funcName

function 函数名(var1, var2){

var x = 1;

return x;//返回x

}

var x{

id:1,

funcName:function(){

return id;};};

 

x.funcName;

x.funcName();

函数中return默认是最后一行,即使没有分号(return)也会默认结束函数。

变量作用域                        

  局部变量 全局变量

声明/定义方式

在函数体内定义

var x = 1;

//给未声明的变量赋值,自动作为全局变量

x = 1;

在函数外声明的变量

var x = 1;

作用域

只能在函数内被访问

网页内都能访问
生存期 函数运行完成后删除 页面关闭后删除
   

全局变量都属于window对象

x = 1;

window.x = 1;

for (var i = 0; i < 10; i++) {
    var y = i;
}

//循环外可以访问i和y

运算符                        大部分与C++类似

算法运算符 + - * / ++ -- %
赋值运算符 = += -= *= /= %=
字符串+数字

字符串+数字=字符串

"a"+5="a5"

5+5+"a"="10a"

空文本+数字="数字"(无空格)

"    " + 5 = "5"

比较运算符 ==等于   ===绝对等于(值和类型)
!=不等于 !==不绝对等于(值和类型)

< <= > >=

逻辑运算符

&& || !(not)

比较运算式?真结果:假结果

一元运算符+

var y="5";

var x=+y;//利用+可以把变量转换为数字

条件语句                        与C++类似

if...else switch for循环 while循环
if(a>b)
{
}
else if(a>c)
{
}
else
{
}
switch(n)
{
 case 1:
  a = 1;
  break;
 case 2:
  a = 2;
  break;
 default:
  a = 0;
}
 
for(int i=0; i<len; i++)
{
}
//遍历对象中的每一个属性
var data={x:0,y:1};
for(d in data){
}
//遍历数组中的每一个元素
var data=["a","b"];
for(d in data)
{
}
while(true)
{
}
do
{
}while(true)

break和continue                        与C++类似

continue只能用于循环 

break;只能用于循环或switch  break 标签引用;可退出任意代码块

//list_label对下列语句作标记
list_label:
{
a = 1;
b = 1;
//break 标签引用 可退出任意代码块
break list_label;
c = 1;
}

typeof                         获取变量类型

typeof 1;

typeof NaN;

number

在转换时,不能转换成合法数字的都是NaN

typeof "1"; string
typeof true; boolean
typeof [1,2]; object

typeof null;

var x;

typeof x;

object

只声明未赋值

typeof undefined

typeof x;

undefined

x未声明过

typeof fcuntion(){}

typeof fcuntion a(){}

function

"1".constructor

constructor属性可以返回对象的构造函数,

故可通过对象的consructor属性来判断它的类型

对Array typeof返回也是object,但用constructor属性就可以返回Array()

错误(异常)               

try{
  throw "错误信息";//抛出一个自定义错误
}
catch(err){
  a = err;//err的值就是 错误信息
}

变量提升               

1. 函数及变量的声明会被自动提升到最上面(声明会自动变成在代码最上面)

2. 初始化不会自动提升(var x = 5;这个语句的位置不会自动变化)

严格模式               

该模式下对代码有一定要求。通过把"user strict"写在脚本或函数头部来使用严格模式。

JSON: JavaScript Object Notation               

一种轻量级的数据交换格式,用于存储和传输数据的格式,通常用于服务端向网页传递数据 。

 语法规则

数据为 键/值 对。数据由逗号分隔。大括号保存对象。方括号保存数组

3 条网站信息(对象)的数组

{"sites":[ {"name":"Runoob", "url":"www.runoob.com"}, {"name":"Google", "url":"www.google.com"}, {"name":"Taobao", "url":"www.taobao.com"} ]}

javascript:void(0)               

javascript:void(0)  void计算()中表达式但不返回值。<a href="javascript:void(0)"></a>点击链接时不会有反应。但用在js时void不会产生效果。

href="#"与href="javascript:void(0)"的区别

# 包含了一个位置信息,默认的锚是#top 也就是网页的上端。

而javascript:void(0), 仅仅表示一个死链接。





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

线程学习知识点总结

谷歌浏览器调试jsp 引入代码片段,如何调试代码片段中的js

201555332盛照宗—网络对抗实验1—逆向与bof基础

VSCode自定义代码片段——JS中的面向对象编程

VSCode自定义代码片段9——JS中的面向对象编程

js代码片段: utils/lcoalStorage/cookie