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

所属分类: 网络编程 / JavaScript 阅读数: 1879
收藏 0 赞 0 分享

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

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

更多精彩内容其他人还在看

JavaScript this关键字指向常用情况解析

这篇文章主要介绍了JavaScript this关键字指向常用情况解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

Vue-cli打包后如何本地查看的操作

这篇文章主要介绍了Vue-cli打包后如何本地查看的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue cli 3.0通用打包配置代码,不分一二级目录

这篇文章主要介绍了vue cli 3.0通用打包配置代码,不分一二级目录,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JavaScript事件循环及宏任务微任务原理解析

这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

关于vue-cli3打包代码后白屏的解决方案

这篇文章主要介绍了关于vue-cli3打包代码后白屏的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue打包静态资源后显示空白及static文件路径报错的解决

这篇文章主要介绍了vue打包静态资源后显示空白及static文件路径报错的解决,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

vue-cli3访问public文件夹静态资源报错的解决方式

这篇文章主要介绍了vue-cli3访问public文件夹静态资源报错的解决方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS继承实现方法及优缺点详解

这篇文章主要介绍了JS继承实现方法及优缺点详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
收藏 0 赞 0 分享

vue或react项目生产环境去掉console.log的操作

这篇文章主要介绍了vue或react项目生产环境去掉console.log的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享

解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题

这篇文章主要介绍了解决vue组件没显示,没起作用,没报错,但该显示的组件没显示问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
收藏 0 赞 0 分享
查看更多