javascript学习笔记整理(概述、变量、数据类型简介)_基础知识

A.概述
1.输出工具:

document.write()---可以是html

alert()---字符串

prompt(text,defaultText)
  text---可选。要在对话框中显示的纯文本(而不是 HTML 格式的文本)。
  defaultText---可选。默认的输入文本。

2.js的放置

a.可以再HTML的任何位置放置

b.但他是一个整体,相互影响

c.在超链接和重定向的位置

<a href="javascript:alert();"></a>
<form action="javascript:alert();"></form>
<div onclick="alert()"></div>

********IE下可行,不推荐使用********
<div id="one"></div>
<script for="one" event="onclick">
alert(111);
</script>

d.调用外部javascript文件
  <script src=""></script>
  1.调用的js标签内不能出现任何代码
  2.js脚本内不能出现<script>标签
  3.还是相互联系、影响的
3.注释
a.对旧的浏览器
  <!-- -->
  *如果旧浏览器不识别JS,就注释
b.真正的注释
  行内注释 //
  块注释 /* */

B.变量

1.命名规范
a.严格区分大小写
b.变量的命名必须以 字母 或 _ 或 $ 开头;余下的部分可以是任意的字母、数字、_ 、$
c.不能用 关键字 或者 保留字 命名
  关键字:for、if、try等
  保留字:byte、char、class等
d.命名规范
  驼峰命名法: getElementById
  首字母大写: Object
  有意义的命名:name、age
2.变量:可以存储数据的一个变量
a.变量如何创建(**必须以var关键字来修饰**)
  先声明,后赋值:var a;a=3;
  声明赋值同时进行:var a=3;
  一次声明多个变量:var a,b,c;
  一次声明多个变量并赋值: var a=1,b=2;
b.如何覆盖已有的变量
  1.如果从新声明改变量而没有赋值,该变量的值不会改变
    var a=1;var a; 结果a=1;
  2.如果从新声明改变量并且赋值,该变量的值改变为新的变量值
    var a=1;a=3; 结果a=3;
  3.不用关键字var修饰变量
    a;alert(a); 报错
    a=1;alert(a) 结果:1
    如果不用var修饰,且没有赋值---报错;有赋值,js会当做全局变量,不会报错。(后者不推荐)

C.数据类型

typeof()操作符:用来检测数据类型的一元运算符,并且返回的结果始终是字符串
isNaN() 函数用于检查其参数是否是非数字值
1.初始类型
a.undefined--变量创建后没有赋值,其默认值就是undefined
b.null--什么都没有,仅一个占位符
c.number--整形、浮点型;支持二、八、十、十六进制,都是按十进制输出;特殊的值
  1.二、八进制:以0开头
  2.十六进制:以0x开头
  3.特殊的值:
    最大:Number.MAX_VALUE
    最小:Number.MIN_VALUE
    无穷大:Infinity
    无穷小:-Infinity
d.string--单双引号包围的字符串,还包括一些特殊字符
  1.单双引号的效率一样的(不同于PHP)
  2.只能成对出现,不能相互交叉使用
  3.可以相互嵌套 var a="a '11' ";
  4.特殊字符
    \n 换行
    \t 制表符
    \b 空格
    \r 换行
    \' 单引号
    \" 双引号
    \\ 斜杠
2.引用类型

类型 typeof返回值
undefined undefined undefined
null null object
boolean ture,false bollean
string 在单双引号之间的值,特殊符号 string

初入前端,写的东西有不足或者错误信息还望各路大神指点指点,共勉进步。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索数据类型
js变量
,以便于您获取更多的相关知识。

时间: 2024-10-30 06:54:04

javascript学习笔记整理(概述、变量、数据类型简介)_基础知识的相关文章

Javascript学习笔记8 用JSON做原型_基础知识

代码如下: 复制代码 代码如下: <script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } alert(People.name); People.SayHel

JavaScript学习笔记(二) js对象_基础知识

1.简单类型 javascript的简单类型包括 数字(Number).字符串(String).布尔值(Boolean).null值 和 undefined值.其他所有值都是对象. 2.对象 javascript中的对象是可变键控集合.在javascript中,数组.函数.正则表达式都是对象. 对象是属性的容器.其中每个属性都拥有名字和值.属性的名字可以是包括空字符串在内的任意字符串.属性值可以是除undefined值之外的任何值. 3.对象的定义方法 (1)用字面量定义.例如: var obj

javascript学习笔记(十三) js闭包介绍(转)_基础知识

一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量. 复制代码 代码如下: var n=999; function f1(){ alert(n); } f1(); // 999 另一方面,在函数外部自然无法读取函数内的局部变量. 复制代码 代码如下: function f1(){ var n=999; } alert(n); // error 这里

JavaScript 学习笔记之操作符(续)_基础知识

一.乘性操作符 1.乘法:*      乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscript数值的表示范围,则返回infinity或者-infinity 如果有一个操作数是NaN,那返回结果就是NaN 如果是infinity与0相乘,返回NaN 如果infinity与非0数相乘,返回infinity或者-infinity infinity与infinity相乘,返回infinity 如果有一个操作数不是数值,后台会先调用number()将其转化为

JavaScript学习笔记(十七)js 优化_基础知识

一直很迷惑司徒正美为什么对以下的for循环还鄙视, for (var i = 0; i < list.length; i++) { //循环代码 } 看了下面这篇文章终于TM明白了... 语言层次方面 循环 在JavaScript中,我们可以使用for(;;),while(),for(in)三种循环,事实上,这三种循环中for(in)的效率极差,因为他需要查询散列键,只要可以就应该尽量少用. 如果要与数组的长度作比较,应该事先把数组的length属性放入一个局部变量中,减少查询次数. 所以上面的

javascript 学习笔记(一)DOM基本操作_基础知识

html部分代码: 当点击show按钮时,触发showValue函数,将input value的值动态添加到id="text"的元素节点中! 复制代码 代码如下: <p> <input type="text" value="" name="user_name" id="user_name" /> <span style="padding-left:10px;"

Javascript学习笔记7 原型链的原理_基础知识

我们先看看这样一段代码: 复制代码 代码如下: <script type="text/javascript"> var Person = function () { }; var p = new Person(); </script> 很简单的一段代码,我们来看看这个new究竟做了什么?我们可以把new的过程拆分成以下三步: <1> var p={}; 也就是说,初始化一个对象p. <2> p.__proto__=Person.proto

JavaScript 学习笔记(十四) 正则表达式_基础知识

RegExp类 RegExp对象的构造函数可以带一个或两个参数 第一个参数是描述需要进行匹配的模式字符串,如果还有第二个参数,这个参数则制定了额外的处理指令. 一.基础 1.1使用RegExp对象 test()方法 测试是否匹配.如果给定字符串(只有一个参数)匹配这个模式,它就返回true,否则返回false 复制代码 代码如下: var sToMatch = "cat"; var reCat = /cat/; //正则表达式字面量使用Perl风格的语法 alert(reCat.tes

javascript学习笔记(八) js内置对象_基础知识

1.URI方法 encodeURI()和encodeURIComponent()对URI进行编码 encodeURI()不会对本身属于URI的特殊字符进行编码,如冒号,正斜杠,问好,井字等 encodeURIComponent()会对任何非标准字符进行编码 2.eval() 方法:解释参数中的代码字符串 复制代码 代码如下: var msg = "hello world"; eval("alert(msg)"); //"hello world"

javascript学习笔记(三) String 字符串类型介绍_基础知识

1.字符方法charAt() .charCodeAt().fromCharCode() 复制代码 代码如下: var stringValue = "hello world"; alert(stringValue.charAt(1)); //"e" alert(stringValue[1]); //"e" alert(stringValue.charCodeAt(1)); //101 alert(String.fromCharCode(104,10