javascript初学

javascript 基础知识

一、浏览器

1.现在互联网中的主流浏览器主要有

chrom : Webkit 内核
firefox : Gecko 内核
opera : presto 内核
IE : Trident 内核

2.浏览器兼容

在使用一些属性时，为了适应浏览器需要在前面加上一些适配。
举个例子

谷歌浏览器下：- webkit - border - radius
火狐浏览器下：- moz - border - radius

二、变量与常量

1.变量

变量就是一个用于保存值得占位符，定义变量的时候需要使用 var 操作符。
变量包括原始值和引用值，这将在之后具体讲述。

var a = “12” ;

同时变量可以进行修改

var a = “12” ;
a = 100 ; //修改了a的值，同时改变了他的类型

一条语句可以定义多个变量

  var message = "hello",
      found = false,
      age = 19;//定义多个变量时可以使用逗号隔开

2.常量

任何一个具体值都是常量，常量是不可修改的量，用const定义。
eg

 const num = 20;
 num = 13;//num是常量，存储的值是不可修改
 console.log('num');//输出20
 

三、命名规范

1.严格区分大小写

2.遵循国际命名法“驼峰命名法”（第一个单词首字母小写，其余每个单词首字母大写）。

eg

 var studentInfo = 12;

命名规则不使用拼音，不是所有单词都能简写。举一些例子如下：

info : information
init : initalization
add / insert / create

3.命名时可使用“ $、_ 、字母 、数字 ”，但是数字不能作为第一位

eg
var = student_info;
var $aaa;

4.命名时不能使用关键字和保留字。

四、输出方式

1.alert :在浏览器中弹出提示框 alert(’…’);

使用alert，提示内容最后都会被转换为字符串输出（调用tostring这个方法）

alert([12,23]); //弹出"12,23"；
alert({name:‘feng’}); //弹出"[object Object]"

2.confirm:在alert基础上增加了让用户选择性操作(确定 取消)，点击确定接收ture，点击取消接收false；

 var cute = confirm('are you sure?');
 alert(cute);//点击确定弹出ture，点击取消弹出false

3.prompt:在confirm基础上增加让用户输入的效果

点击取消获取到null；点击确定，如果有内容则获取到内容，若无内容则获取到空字符串。

 var flag = prompt('are you sure delete');
 alert(flag); 

4.console:控制台输出(方便开发人员调试),点击F12 / Fn + F12

不会转换数据类型，输出什么格式都可以

 console.log(1);//控制台输出1
 console.log({name:'mike'});//输出{name:'mike'}
 console.dir();//输出比.log更详细
 console.table();//把数据展示成表格

五、数据类型

1.基本数据类型

基本数据类型主要有五种：number(数字) 、null(空对象指针)、string(字符串)、undefined(未定义)、boolean(布尔)。

2.引用数据类型

object : 对象数据类型

{ }：普通对象
[ ] : 数组
/^$/ :正则

function函数数据类型

function fn() {}

数据类型将在下次具体介绍。