javascript小白学习指南1

引言:

做为一名程序员,都是真心的想把自己的东西分享出来,供大家一起学习探讨,一起提高技能,一起涨工资,呵
  这一系列的文章都是关于Javascript 基础的 当然文章当中穿插了些我自己的理解,希望可以帮助一些刚开始的童鞋!
  废话不多说我们开始吧!



第一章:Javascript 基本概念

  主要内容

  • 数据类型                                                                             
  • 控制语句
  • 函数              

    我们先从最简单的数据类型开始吧!

    首先请记住javascript 有5种基本数据类型和1种复杂数据类型,至于为什么只有这六种,大家可以去翻翻W3C的资料哈!

    五种基本数据类型

  • Undefined
  • Null
  • Boolean
  • Number
  • String
    一种复杂数据类型:

  •  Object 
   在学习这些数据类型之前,我们必须学习使用一个工具,俗话说磨刀不误砍柴工嘛!

  下面为大家介绍一种手段来检测变量的数据类型   ->->->->   typeof  操作符 你可以理解为 

   type of  someting 比如 type of undefined  更多例子如下:

  • type of undefined     如果这个值未被定义
  • type of boolean        如果这个值是布尔值
  • type of string            如果这个值是字符串
  • type of number         如果这个值是数值
  • type of object           如果这个值是对象 或者 是 NULL
  • type of function        如果这个值是函数
    下面为大家写个小例子 你们可以自己建立一个HTML文件然后把我的代码考进去

     
<script>
     var Question = "csdn boss is ji lao ?";
     alert("依次是 string number object");
     alert(typeof Quession);
     alert(typeof  100);
     alert(typeof    null);
</script> 
   

   下面来分别详细说说这几种数据类型

  •  Undefined 类型
     简单的来说就是:在使用var 声明变量但未对其加以初始化时,这个变量值就是Undefined;
     为什么这么说呢? 看下面的代码
    
var csdn //声明之后默认取得undefined

//var TT 这个变量没有声明

alert(csdn)    //返回 undefined
alert( TT )     // 按F12打开调速器发现报错了 

  •  Null 类型
     Null 类型是只有一个值的数据类型 当然这个值就是null 啦,我上面提到过当使用typeof 时 想起来没有?
     
      typeof null 是返回的Object 为什么呢?因为 null 值表示一个空对象的指针
     
     在告诉你们一个秘密 其实 Undefined 是 Null 的儿子,不信的话你们可以在控制台里试一试

     

     才发现CSDN 的上传图片还自动带水印的可怜可怜。。。


  •  Number 类型
      这个类型嘛! 有点枯燥,但是它又是JS里面最令人关注的类型
     首先介绍最简单的JS数字的进制
     
var intNumber = 10; //整数
var 8_number =  012  //八进制
var 8_number_1 = 019 //无效八进制自动去0变10进制

var 16_number = A //16进制
//我在进行算术计算时 从不管你是什么进制反正都会是转换成10进制

   下面介绍浮点数
   
var floatNum = 1.1 
var floatNum_1 = 0.1
//上面的都是浮点数的声明方法
//当然还有高级点的

var float_num_2 =1.123e3  // 就是1123

//e 3 表示 10*10*10

   NaN  = Not a Number
   它有点特殊  比如任何数值除以0 那么在JS中 就会返回 NaN
   NaN 有两个重要的特点
   1.  任何,请注意是任何 涉及NaN的操作都会返回  NaN
   2.  NaN 与任何值都不相等

   关于NaN 它还有一个小工具  是一个叫做 isNaN(param)   的函数
   
   param 是你传入的值 它会尝试将param 转换成数值 , 可以转换返回FALSE  不能转换 返回 TRUE

   说道这里就不能不说说这个数值转换的问题了

   首先还是给大家介绍三个工具  它们分别是
    
    Number()    parseInt()   parseFloat()  

    这几个是干嘛的呢? 第一个可以用于任何数据类型,而后面的两个专门用于把字符串转换成数值

    代码例子如下 ,一样一个

    
var c = Number("csdn ");   //NaN
var s = Number("" );         //0
var d = Number("0000132 ") //132
var n = Number (true)        //1

var c = parseInt("123CSDN")  //123

var s = parseFloat ("22.5")   //22.5

//更多的例子大家可以去W3C上去看看

  • String 类型  
     首先请大家记住: 在JS中字符串是不可变的,也就是说,字符串一旦创建,他们的值就不能改变,要改变某个变量中的值,首先要销毁原来的,然后在用新的去填充

   
var csdn = "csdn "
csdn = csdn+"is what?"

//按照上面的意思 你能理解这段代码的工作原理吗??

  toString() 方法和 String()函数
  
  toString() 几乎每个值都有这个方法 它接收一个参数 这个参数是你要输出的值按什么进制输出
  
  也就是说传 2 就是 二进制 不传默认 10 进制 

   String() 函数 它能将任何类型转换成字符串

   规则如下
   
   1.  如果有 toString() 方法则调用

   2.  如果是NULL 则返回 null
 
   3.  如果是 Undefined 则返回  Undefined

  •    Object 
     看代码!!!!
     
      
var a = new Object();

     好吧我创建了个对象( 妈蛋现实世界里没有怎么办
   
     这个现在你只要记住:
    
      Object 类型是所有实例的 基础 基础 基础 基础 基础。 

     啊?  懂 ?

      不懂不要紧 慢慢来!

      下面放福利 今天就到这里 (你们就这点出息)

      



你好!学习 webpack 是一个很好的决定,它是一个非常流行的前端构建工具,用于打包和管理前端项目中的各种资源。以下是一些帮助你开始学习 webpack 的步骤: 1. 了解基本概念:首先,你需要了解 webpack 的基本概念,例如入口、输出、加载器、插件等。Webpack 官方文档是一个很好的起点,你可以在那里找到详细的说明和示例。 2. 安装 webpack:使用 npm 或 yarn 可以很容易地安装 webpack。在命令行中运行以下命令来安装 webpack: ``` npm install webpack webpack-cli --save-dev ``` 这将安装 webpack 和 webpack 命令行工具。 3. 创建配置文件:webpack 需要一个配置文件来指定项目的入口点、输出路径、加载器和插件等。创建一个名为 `webpack.config.js` 的文件,并在其中配置你的项目。 ```javascript module.exports = { entry: './src/index.js', output: { path: __dirname + '/dist', filename: 'bundle.js' }, // 其他配置项... }; ``` 4. 创建入口文件:在上面的配置中,我们指定了一个入口文件 `./src/index.js`。创建该文件,并编写你的应用程序代码。 5. 添加加载器和插件:webpack 使用加载器来处理不同类型的文件,例如 JavaScript、CSS、图片等。你可以使用不同的加载器来处理这些文件。同样,你也可以使用插件来扩展 webpack 的功能。在配置文件中添加所需的加载器和插件。 6. 运行 webpack:在命令行中运行 `webpack` 命令,它将使用你的配置文件来打包项目代码。默认情况下,它将创建一个名为 `bundle.js` 的文件,并将其放置在配置中指定的输出路径中。 这只是一个快速入门指南,帮助你开始学习 webpack。随着你的深入学习,你将掌握更多高级特性和技巧。祝你学习愉快!如果你有任何问题,随时问我。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值