使用TypeScript开发的程序更安全,常见的错误都能检查出来。TS能让程序员事半功倍。而原因在于TS的“类型安全”(借助类型避免程序做无效的事情)。图 运行程序的过程但是TS不会直接编译成字节码,而是编译成JavaScript代码。TS编译器生产AST后,先对代码做类型检查,然后再编译成JavaScript代码。图 TS运行程序的过程1 类型类型是指一系列值及对其执行的操作。图 T
TS入门——03.类类的简单概述类描述了所创建的对象共同的属性和方法,在ES6之前,js是通过构造函数来描述类的,这里我们主要讲ES6之后的类。ES6是使用class关键字来定义类的,class关键字紧跟定义的类名,在类里可以定义接收参数的构造器constructor,可以定义原型方法,也可以定义静态属性和静态方法。ts类的定义ts的定义类的方法和js定义类的方法大体一致,只是在类实例化时需要初始
转载
2024-06-20 18:05:16
0阅读
Vue中子组件不能直接引用父组件的数据,需要通过props选项接收来自父组件的数据。 props 的写法props 可以是数组或对象props为数组父组件<template>
<div>
<child id="1" :openReading="article.openReading" :title="article.title" :tags="article
转载
2024-07-06 20:23:05
104阅读
函数的参数设置
默认参数 def power(x, n=2):
s = 1
while n > 0:
n = n - 1
s = s * x
return s 有几点要注意: 一是必选参数在前,默认参数在后,否则Python的解释器会报错(思考一下为什么默认参数不能放在必选参数前面); 二是如何设置
Vue 组件与组件之间的传值主要分为三种:父组件 传值给 子组件子组件 传值给 父组件非父子组件 间的互相传值1.父组件传值给子组件 通过 props 传值父组件传值给子组件,主要通过组件自定义props属性来完成,通过此属性用来接收来自父组件传递的数据,props的值可以是两种,一种是字符串数组;另一种是对象,props 中声明的数据与组件data 函数return 的数据主要区别就是props
转载
2024-10-17 08:59:36
620阅读
TS入门——02.函数函数定义函数就是一组可以执行某种特定功能的代码段,函数声明告诉编译器函数的名称、返回类型和参数 函数就是使用了关键词 function把代码块包裹在花括号中,如下// 函数声明
function fn() {
console.log('函数执行了')
}
// 函数调用
fn() // 函数执行了大多时候,我们需要通过函数指定返回值给调用处,在js中我只需通过关键字ret
转载
2024-10-21 16:57:35
323阅读
前言Base: vue@3.2.33 + typescript@4.1.6 + npm@8.5.0尝试解决将ts中自定义的interface/type,传vue的props属性的问题。 记录一下过程和思路。一、问题定位官方文档中说,props自定义类型检查是可能的。In addition, type can also be a custom class or constructor functio
转载
2024-09-24 10:19:55
167阅读
五、面向对象要想面向对象,操作对象,首先便要拥有对象;要创建对象,必须要先定义类,所谓的类可以理解为对象的模型;程序中可以根据类创建指定类型的对象;举例来说: 可以通过Person类来创建人的对象,通过Dog类创建狗的对象,不同的类可以用来创建不同的对象;定义类class 类名 {
属性名: 类型;
constructor(参数: 类型){
this.属性
转载
2024-04-22 19:15:24
840阅读
使用props在Vue中父组件向子组件中传送数据是通过props实现的,一个简单的使用props的例子: 1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title>Vue Study</title>
6 </he
前言平时写vue的时候知道props有很多种用法,今天我们来看看vue内部是怎么处理props中那么多的用法的。vue提供的props的用法1. 数组形式props: ['name', 'value']2. 对象形式对象形式内部也提供了三种写法:props: {
// 基础的类型检查
name: String,
// 多个可能的类型
value: [String,
ts基础使用1.全局安装typescriptnpm install -g typescript2.TS基本使用1.原始类型定义// 原始类型定义
let isDone: boolean = false
let age: number = 11
let myName: string = 'logan'
let message: string = `hello, ${myName}`
let u: u
函数是 JavaScript 中的一等公民函数声明在 JavaScript 中,有两种常见的定义函数的方式——函数声明(Function Declaration)和函数表达式(Function Expression).一个函数有输入和输出,要在 TypeScript 中对其进行约束,需要把输入和输出都考虑到,其中函数声明的类型定义较简单:function sum(x: number,y: numb
转载
2024-10-17 17:25:46
30阅读
组件中可以通过 Prop 来接收组件外部传递的数据。一、传递参数 React 中传递参数和 Vue 种类似,除了普通字符串以外,其他类型的数据都需要以 {} 的形式传递:import React, { Component } from 'react'
import FunctionChild from './FunctionChild'
import ClassesChild from './Cl
转载
2024-02-23 15:46:27
180阅读
一、类型声明(一) 类型声明类型声明是TS非常重要的一个特点通过类型声明可以指定TS中变量(参数、形参)的类型指定类型后,这些指定的类型也称为“静态类型”为,就是你一旦定义了,就不可以再改变了。当为变量赋值时,TS编译器会自动检查值是否符合类型声明,符合则赋值,否则报错简而言之,类型声明给变量设置了类型,使得变量只能存储某种类型的值语法:let 变量: 类型;
let 变量: 类型 = 值;
函数是 JavaScript 应用程序的基础。 它帮助你实现抽象层,模拟类,信息隐藏和模块。 在 TypeScript 里,虽然已经支持类,命名空间和模块,但函数仍然是主要的定义行为的地方。 TypeScript 为 JavaScript 函数添加了额外的功能,让你可以更容易地使用。为函数定义类型一般使用中,我们可以不必完整写出函数类型,因为 TypeScript 会为我们自动推断出类型,需要注意
转载
2024-02-20 13:50:40
384阅读
2019-10-28:学习内容:快速入门,环境搭建,基础类型,类型断言、变量声明、解构、展开补充:(1)尽可能地使用let来代替var 创建对象 一、npm环境:如何安装NPM和Node: 二、安装TS并编译第一个代码:// TS:
class Student {
fullName: string;
constructor(public firstName,
类的基本使用定义 TypeScript 是面向对象的 JavaScript。类描述了所创建的对象共同的属性和方法。TypeScript 支持面向对象的所有特性,比如 类、接口等。 类的内容如下:字段 − 字段是类里面声明的变量。字段表示对象的有关数据。构造函数 − 类实例化时调用,可以为类的对象分配内存。方法 − 方法为对象要执行的操作class Person {
// 需要先定义实例属性,才
TS类型一、基础类型1.数字 numberlet num: number = 562.字符串 stringlet str: string = '字符串'3.布尔值 booleanlet isOk: boolean = true二、空和未定义注意:这两种类型有且只有一个值,所以在标注一个变量为null或undefined时,就表示这个变量不能被修改了1.空 nulllet data1: null =
转载
2024-07-22 18:27:22
841阅读
basic泛型可以提高函数、组件的复用性。能通过泛型记住当前传入的类型。function identify<T>(arg: T): T {
return arg
}在我们声明了泛型之后就可以通过两种方法来调用方式一:传递参数和需要的泛型信息方式二:使用 ts 的参数类型推断(type argument inference )。根据参数类型自动推断出泛型 T 的类型// 方式一
ide
转载
2024-09-17 16:40:33
60阅读
1.一些成员函数改变对象,一些成员函数不改变对象.
2.为了使成员函数的意义更加清楚,我们可在不改变对象的成员函数的函数原型中加上const说明: const成员函数应该在函数原型说明和函数定义中都增加const限定3.非常量成员函数不能被常量成员对象调用,因为它可能企图修改常量的数据成员:但构造函数和析构函数对这个规则例外,它们从不定义为常量成员,但可被常量对象调用