这里的初级训练相对简单,差不多都是以前知识温习。

  比如输出“hello world”,直接使用console.log()就行。注释符号,“//”可以注释单行,快捷键 alt+/,"/*   */"可以注释一大段,快捷键 alt+shift+/。接着就是温习js里面到数据类型,学这一小节的时候感觉挺有收获到,因为它这里是综合汇总,能一下子很清除的明白js中的数据。javascript中的数据共分两种 - 简单数据 和 复杂数据。简单数据只有undefined,null,boolean,number和string这五种。复杂数据只有一种,即object。

[1] undefined : 这个值表示变量不含有值。

若 typeof(data) 的返回值是字符串 'undefined' ,即变量data的数据类型是 undefined。即data不含有值。[ 注:typeof是javascript提供的运算符,运行后会返回括号之中数据的数据类型。如 typeof('hello') 返回结果是 'string',则'hello'的类型是 字符串。]

[2] null : 这个值表示变量为空。

若 typeof(data) 的返回值是字符串 'null' ,即变量data的数据类型是 null。即data为空。undefined 和 null 的区别是:typeof(undefined) 返回值是 'undefined',typeof(null) 返回值是字符串 'object'(对象类型)。

[3] boolean : true 或 false 代表布尔值。

var data = true;

typeof(data) 返回值是字符串 'boolean' ,即变量data的数据类型是 布尔值。

[4] number : javascript 只有一种数字类型。数字可以带小数点,也可以不带。如:123 和12.3

var data = 123;

typeof(data) 返回值是字符串 'number' ,即变量data的数据类型是 数字。

[5] srting : 前面我们说起过,字符串是字符的载体,而且必须被成对的引号包围。 如: 'hello world!'

var data = 'hello world!';

typeof(data) 返回值是字符串 'string' ,即变量data的数据类型是 字符串。

这里把几种数据类型都讲解到很详细,一看便懂,值得注意的是,underfined与null,这两种类型我曾经了解到不怎么清楚,现在有了清晰到了解。underfined简单来说就是未定义的东西。比如, var a ;console.log(a),就会输出underfined。

  关于复杂数据object,也就是对象,对象由花括号包围。在括号内部,属性以名称和值对的形式 name : value 来定义,也就是我们常说到键值对。属性间由逗号分隔。

例如:

var student={name:'Tom', finish_work:true, id:123};
当然还有另一种特殊到对象-数组(arry)数组由方括号包围。在括号内部,数据以独立值的形式 value 来定义。数据值之间由逗号分隔。比如课程名的数组:
var courses = [ "Maths", "Chinese", "Biology, "Physics"];
关于运算符,有一个比较通用到三目运算,它的基本语法
:
 condition ? expr1 : expr2;
 condition实际值为true时,执行expr1。condition实际值为false时,执行expr2。
关于js中的函数,我使用到时候经常会忘记后面到(),比如调用loadallitems()的时候我经常会这样写,var a =loadallitems;而正确的调用应该时这样的,var a =loadallitems。 js初级训练差不多就这些,温习了很多以前学过的东西,有一种温故而知新到感觉~

codefordream 关于js初级训练的更多相关文章

  1. codefordream 关于js中级训练

    中级训练接着就紧锣密鼓的开始了. 首先是关于变量,变量的作用是给一个数据值标注名称. 注:JavaScript中变量名,函数名,参数名的命名规范:至少由字母,下划线,美元符号,数字其中的一种组成,但不 ...

  2. vue.js初级入门之最基础的双向绑定操作

    首先在页面引入vue.js以及其他需要用到的或者可能要用到的插件(这里我多引用了bootstrap和jquery) 引用的时候需要注意文件的路径,准备工作这样基本就完成了,下面正式开始入门. vue. ...

  3. JS 初级 二(接上)

    传送门--http://www.cnblogs.com/Sabo-dudu/p/5786683.html (一) 六. JS 数组类型 数组是一种保存数据的有序列表,数组的每一项可以保存人意类型的数据 ...

  4. JS初级-作用域

    作用域:域:空间.范围.区域--作用:读.写    script        全局变量.全局函数        自上而下        函数        由里到外        {}    浏览器 ...

  5. vue.js 初级之一

    vue.js 是一个构建数据驱动的 web 界面 渐进式驱动框架. 引用的话,直接使用script标签引入就可以了: <script src="./lib/vue.js"&g ...

  6. js初级DOM&BOM知识点总结

    第一章 js的组成DOM BOM ECMAScript javaScript 是一种直译是脚本语言 js语言特点 .脚本编写语言 .基于对象的语言 .简单性 .动态性 .安全性 .跨平台性 C/S是C ...

  7. JS 初级(三)接上

    传送门 http://www.cnblogs.com/Sabo-dudu/p/5788197.html 现阶段我就了解了这么多,在以后的学习中,我会不断的更新,如果有什么不同的见解可以一块学习,谁有更 ...

  8. Node.js初级

    package.json文件字段说明 name:包名.包名是唯一的,只能包含小写字母.数字和下划线. version:包版本号. description:包说明. keywords:关键字数组.用于搜 ...

  9. js 魔鬼训练

    1.Object.assign 偷梁换柱 / 融合 - 将多个对象合并到第一个对象中去.这样一来methods对象中就包含着data对象了.否则this无法正常访问data中的title var ne ...

随机推荐

  1. 微信公众平台API接口

    简介 微信公众平台消息接口为开发者提供了一种新的消息处理方式.微信公众平台消息接口为开发者提供与用户进行消息交互的能力.对于成功接入消息接口的微信公众账号,当用户发消息给公众号,微信公众平台服务器会使 ...

  2. iOS 中自定义 cell,点击cell的时候文字不出现的原因

    解决方案: 在setSelected方法中设置要显示label的背景颜色即可

  3. elasticsearch一些常用的配置

    配置了解 cluster #配置下集群的名称 cluster.name: my-application

  4. jsfl调整笔刷的笔触和颜色

    今天在用jsfl写脚本以简化对fla资源的处理工作,在画矩形时需要能自动调整笔刷的笔触颜色,填充颜色透明度,查jsfl文档无果,上网查了多番资料写出了可用代码,共享下: var fill = fl.g ...

  5. Hello Bugs

    2014-01-09 [Maven]Not Authorized ReasonPhame: Failed to decrypt password... 描述:eclipse中使用maven进行mvn ...

  6. 数据库(SQL Server)管理数据库表~新奇之处

    说到“数据库”,我总有一种莫名的感觉,在刚刚接触到的数据库中就让我似懂非懂渡过着,于是思考着.于是在冷静的时空中让我回想到了很多的知识,不知你们是怎样过来的,真心希望我的这篇数据库总结能够让我们都有一 ...

  7. shell脚本删除指定mobileprovision

    由于某种原因,xcode帮我按照了几千个开发和上线证书,需要删除这部分证书: #dir="/Users/Ethan/Library/MobileDevice/Provisioning Pro ...

  8. 一劳永逸:域名支持通配符,ASP.NET Core中配置CORS更轻松

    ASP.NET Core 内置了对 CORS 的支持,使用很简单,只需先在 Startup 的 ConfigureServices() 中添加 CORS 策略: public void Configu ...

  9. 高质量,高效率的多国语言软件开发(Web/PC/Mobile),使用接口约束/调用不同语言资源

    偶然间翻出了几年前写的一个小程序,把当时的资料整理整理分享一下. 当时为了给自己的软件实现多国语言功能,而开发的辅助工具:SE String Resource. 这是当时基于自己另一款 IDE 软件抽 ...

  10. 使用border做三角形

    网站上经常会使用一些三角形,除了图片的方式,实际上利用border我们可以做出纯CSS的三角形.我们知道border是个边抖可以单独设置,当四个边相交的时候他们是什么时候改变的? .t0{ margi ...